Question

我使用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的初学者。

Answer 1

您需要将.添加到类cancel

的选择器中

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

即使我使用了甚至委托，元素也不会被删除

1 个答案: