javascript - jQuery 在 .load() 调用后通过 ID 访问元素

Question

这个问题已经有答案了:

How to select an element loaded through the jQuery load() function? (2 个回答)

已关闭 6 年前。

$(document).ready(function() {
    $("img.tile").click(function() {
    var actid = $(this).data().id;
    $("#lz").load("/dialog/pre?actid=" + actid);
    $("#btnCheck").click(function() {
        alert("test");
    });
});

load()调用会引入一个 HTML 片段，其中包含 <input id="btnCheck" value="Check" />但是当我点击它时，该事件不会触发。一定与片段的加载方式有关。你如何做到这一点？

Answer 1

正确，您需要在确定数据已加载后附加 click 事件，或者使用 live附加它的事件。 live 如果现在或将来的任何时候找到它，将会附加一个处理程序，并且可能是最容易实现的:

$("#btnCheck").live('click', function() {
    alert("test");
});

或者，您可以在确定数据已加载后附加它。正如 @bzlm 在他的评论中指出的那样，load 是一个异步事件，因此您不能假设它已在任何后续代码中完成。幸运的是 load 允许您传递一个函数作为第二个参数，该函数将在所有数据加载后触发:

$("#lz").load("/dialog/pre?actid=" + actid, function() {
    $("#btnCheck").click(function() {
        alert("test");
    });
});