Javascript Ajax请求在第二次单击时失败

我在这里的AJAX请求有问题。我通过foreach循环显示数据，为每个条目创建删除按钮。第一次单击其中一个按钮时，条目被正确删除，但第二次单击下一个元素失败

<?php foreach ($notes as $note): ?>

...

<script type="text/javascript">
        $(document).ready(function () {
               $("<?php echo '#NoteDeleteButton' . $note['Note']['id']>").bind("click", function () {
                    $.ajax({async: true,
                           dataType: "html", success: function (data) {
                           $("#NoteUpdateSection").html(data);
                    }, type: "POST", url: "<?php if($this->base != '') { echo '' . $this->base; } ?>\/notes\/delete\/<?php echo $note['Note']['id'] ?>\/<?php echo $current_controller ?>\/<?php echo $current_id ?>"});
                    return false;
               });
       });
</script>

...

<?php endforeach; ?>

---

你有什么办法处理这件事吗？我感谢你的帮助！非常感谢

我发现了错误：这段代码上面是一个不完整的Ajax请求。

我认为可能是您用动态添加的内容替换了按钮。请查看您提到的委派事件，第一次单击后已出现错误。它似乎来自html（）函数。ajax调用返回的数据是什么？

Uncaught SyntaxError:
Unexpected identifier   jquery.min.js?1406620464:2
(anonymous function)    jquery.min.js?1406620464:2
n.extend.globalEval     jquery.min.js?1406620464:2
n.fn.extend.domManip    jquery.min.js?1406620464:3
n.fn.extend.append      jquery.min.js?1406620464:3
(anonymous function)    jquery.min.js?1406620464:3
n.access                jquery.min.js?1406620464:3
n.fn.extend.html        jquery.min.js?1406620464:3
$.ajax.success          71:13184
j                       jquery.min.js?1406620464:2
k.fireWith              jquery.min.js?1406620464:2
x                       jquery.min.js?1406620464:4
b                       jquery.min.js?1406620464:4