Question

我想点击我在那里的删除按钮删除＃ajax表单。

有什么想法吗？

非常感谢！

使用Javascript：

function deleteAddLinkBox() {
  $('.container-delete-button').on('click', function(event) {
       $('#ajax-form').remove();
  });
};

HTML：

<div id="container"><div id="ajax-form"><h1>Submit a new link</h1>
<div class="container-delete-button">☒</div>
<form action="/links" method="post">    
  <p>
    <input type="text" name="url" placeholder="Url">
  </p>
etc....

Answer 1

问题是$(".container-delete-button")找到具有该类的元素并绑定它们。如果元素在进行绑定时没有类，则不会处理事件。

当事件“冒泡到”父元素时，on函数允许您通过在另一个元素上处理它们来绕过它。在这个例子中，我们可以说body元素 - 你可以选择一个更具体的共同父元素。

试试这个：

$(document).on('click', '.container-delete-button', function(event) {
       $('#ajax-form').remove();
  });

Answer 2

您不必在函数

中使用此代码

试试这个

$('.container-delete-button').on('click', function(event) {
       $('#ajax-form').remove();
  });

如果按钮是动态创建的，请尝试使用委托

     $(document).on('click','.container-delete-button', function(event) {
       $('#ajax-form').remove();
  });

试图删除最近创建的div（AJAX）

2 个答案: