jquery - 加载动态内容时脚本会消失

Question

加载 PHP 模板(使用 jQuery 的加载函数)后，这个简单的脚本不会使 DIV 消失:

$("#trigger").click(function(event){
$("#removeThisDIV").hide();

HTML 位:

<p id="trigger">X</p>

尝试在加载之前删除其他 DIV - 它工作得很好。加载后，脚本就死了。有想法吗？

谢谢。

Answer 1

使用 live 的事件委托(delegate)，就像在调用 $.load 之后，新注入(inject)的元素将不会绑定(bind)单击事件处理程序:

$("#trigger").live("click",function(event){
    $("#removeThisDIV").hide();
});

或者，使用 $.load 的回调:

$('#blah').load('some.html', function() {
    $("#trigger").click(function() {
        $("#removeThisDIV").hide();
    });
});

要使 live 正常工作，您需要使用 jQuery 1.3 或更高版本。希望有帮助。