javascript - 事件处理程序无法监视文档加载后注入(inject) HTML 的元素

Question

我正在用 Javascript 编写一个应用程序。无需过多讨论，我有一个带有棋盘的游戏(实际上只是一个 HTML 表格)。用户通过单击 s 与面板进行交互，因此我的 $(document).ready() 中有一个单击事件监听器。事件处理程序通过更改多个变量/对象/等的状态来更新板，然后调用layoutBoard，它读取所有这些对象的状态并填充。

我遇到的问题是我的事件处理程序没有监视 new 中的 s，这意味着不再检测到单击事件。如何将事件处理程序定向到新的 s 或继续检测板上的点击？这是我的代码:

$(document).ready(function(){
    layoutBoard();
    $("td").click(
        function() {
            movePiece($(this));
        }
    );
});

function movePiece(clickedCell){
    //do stuff
    layoutBoard();
}

function layoutBoard(){
    $("#board").empty();
    //recreate board and new <td>s
}

Answer 1

用于事件委托(delegate)

$(document).on("click","td",function(){
     movePiece($(this));
});

最好委托(delegate)给最近的静态父容器...

喜欢

$('#tableID').on("click","td",function(){
     movePiece($(this));
});