jQuery - .trigger() 在 .load() 之后不起作用

Question

这是我的代码：

function refresh () {   
    sub_tab=$("#hid").val();
    $("#content").load(cur_tab+'.php',function () {
        alert(sub_tab);
        $("#pd").trigger('click');
    });     
}

行 $("#pd").trigger('click'); 似乎不起作用。但是，如果我将这一行作为独立操作执行（没有 load），它就可以工作。
#pd 是一个

，它正在加载到包含上述脚本的页面中。
有什么想法吗？

#pd 位于加载到 #content 的另一个 PHP 页面内部 。现在，当我单击 #pd 时，它工作正常，只是，当我将 PHP 文件重新加载到 #content 时，触发事件似乎不起作用

Answer 1

如果 click 事件绑定到 #pd，并且 #pd 位于 #content 内部，则您将丢失每次重新加载内容时都会绑定，因为 #pd 正在被销毁并重新创建。

尝试使用 delegate 来绑定事件 - 它与 Ajax 调用和动态 DOM 配合得更好：

$("#content").delegate("#pd", "click", function(){
    // click event
});

稍后，当您调用 $("#pd").trigger('click'); 时，您应该会看到预期的结果。