jquery点击模态窗口上的实时生成元素不起作用

Question

我有一个模态窗口打开一个登录表单，然后我点击一个按钮，它的代码是：

$("#delete_button").click(function(){
    $(this).before('<a href="#" id="delete_this">delete</a>');
});

然后我添加以下代码来检查当我点击delete_this锚点是否可行

$("#delete_this").click(function(){
    console.log('1');
    return false;
});

但它不起作用。

我甚至尝试过现场，但仍然没有。

我认为它可能是造成它的模态窗口，或者某种程度上它无法找到我点击的内容......

Answer 1

您需要在点击功能

中包含代码

$("#delete_button").click(function(){
    $(this).before('<a href="#" id="delete_this">delete</a>');
    $("#delete_this").click(function(){
      console.log('1');
      return false;
    });

});

Answer 2

使用

$('#delete_this').live('click', function() { /*...*/ });

解决动态插入的节点问题。