javascript - 为什么即使我使用 $('[isEditButton="true"]').on()，我的编辑按钮也只能工作一次？

Question

这是我的代码，我一直很沮丧地发现问题。

我试着用

$('[isEditButton="true"]').on('click', function(){ codes })
or 
$('table tr td').on('click', '[isEditButton="true"]' , function(){ codes })

但两者都会产生意想不到的结果，编辑按钮只能单击一次。

我搜索了 Jquery 文档并使用了所谓的Delegated events，但是仍然没有用，编辑按钮被单击一次，新注入的按钮也无法自动附加单击事件。

我的在线代码

任何人都可以给我一些关于发生了什么的指示。我对这个问题真的很疯狂。提前感谢任何好心的帮助者！真的需要你们！

score 1 · Accepted Answer

您的[isEditButton]元素是动态附加的，因此您需要使用on委托处理程序，该父选择器在 DOM 加载时可用。你的第二个例子几乎解决了这个问题，除了table tr td元素也被动态附加。试试这个：

$('#address_list').on('click', '[isEditButton="true"]', function() {
     // rest of your code...
});

score 0 · Accepted Answer

我做了这个

$(document).on('click', '[isEditButton="true"]', function() {})

似乎工作正常。

score -2 · Accepted Answer

你为什么不用这个

if (isset($_POST['isEditButton'])){
    //do some codes 
}
else{
    //do this
}

3 回答 3