正常运行时 jQuery 代码不起作用。但我确实激活了断点

Question

我的应用程序中有以下代码：

$(".deleteproduct").click(function() {
    id = this.id;
    alert("id: " + id);
});

如果我运行我的网站，当我单击具有类 deleteproduct 的元素时，不会发生任何情况。但是当我在第 1,2 和 3 行之前放置断点时，它就像一个魅力。

具有类deleteproduct的元素通过$(document).ready(function()后面的AJAX调用加载。.click代码位于其下面。

这对我来说真的很奇怪。如果使用Firebug中的断点，它会起作用，但如果使用Firebug中的断点，则不起作用没有...

Answer 1

如果您通过 Ajax 加载 .deleteproduct 元素，则可能需要使用 jQuery 的 live 事件处理程序。

$(".deleteproduct").live('click', function(){
    id = this.id;
    alert("id: "+id);
});

或者将上面的函数放在 Ajax 回调中。

Answer 2

对我来说听起来像是一个竞争条件。
您是否记得将该代码放入其中

$().ready(function(){
    ....
});

，以便在尝试针对 DOM 编写脚本之前文档已完全加载。

Answer 3

$(document).ready(function(){
    $(".deleteproduct").click(function(){
        var id = $(this).attr('id');
        alert("id: "+id);
    });
});