甚至在我使用甚至委派之后，元素还没有被删除

这是我写的补充，这是如下的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这是一个诚实的错误。我不认为任何人会倒下 –

甚至在我使用甚至委派之后，元素还没有被删除

回答

相关问题