为什么我的编辑按钮只工作一次，即使我使用$（'[isEditButton =“true”]'）。on（）？

Question

这是我的代码，我在确定问题时非常沮丧。

我尝试使用

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

但两者都会产生意外结果，编辑按钮只能被点击一次。

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

我的在线代码

http://jsfiddle.net/dennisboys/mAjmU/2/

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

Answer 1

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

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

Updated fiddle

Answer 2

我做了这个

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

似乎工作正常。

http://jsfiddle.net/mAjmU/6/

Answer 3

你为什么不用这个

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