Элемент не удаляется даже после того, как я использовал даже делегирование

Я сделал эту форму, используя jQuery.Элемент не удаляется даже после того, как я использовал даже делегирование

код JQuery, который я написал, чтобы добавить это выглядит следующим образом:

formView:function(){ 
     var htmlStr = '<form><input class = "name"/><input class = "imageUrl"/><input class = "counter"/></form><button class="cancel">Cancel</button>' 
     $('#form').html(htmlStr); 
     // octopus.changeFlag(); 
    }

и код, чтобы свернуть эту форму, я использовал JQuery как делегирование событий, как показано ниже:

$('#form').on('click','cancel',function(e){ 
      console.log("Hello world"); 
      $('#form').html(''); 
      // e.preventDefault(); 
     });

Мой HTML-код выглядит так:

<body> 
<ul class = "list"> 
</ul> 
<img class="image" src="images/Vaibhav.jpg"> 
<div id="count"></div> 
<div id="admin"> 
    <button class="admin">Admin</button> 
    <div id = "form"></div> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

Всякий раз, когда я нажимаю на отмены, он должен свернуть форму, но его не происходит. Заранее спасибо.

p.s. Я новичок в jQuery.

источник

2016-02-13 Ajay Gaur

Вам нужно добавить . к вашему селектору для класса cancel

$('#form').on('click','.cancel',function(e){ 
    console.log("Hello world"); 
    $('#form').remove(); 
    // e.preventDefault(); 
});

источник

2016-02-13 13:54:28

Спасибо за помощь, и я, конечно, доберусь слишком много негатива по этому вопросу. : P Но серьезно я бродил последние 2 часа за эту маленькую опечатку. –

@AjayGaur Это честная ошибка. Я не думаю, что кто-то собирается понизить –

Элемент не удаляется даже после того, как я использовал даже делегирование

ответ

Смежные вопросы