.load与.on("load")

Question

我在一个div中加载一个php页面，这个div接受一个posted变量来显示正确的内容。它是这样工作的：

$(".mainArea").load("page.php", {'folder': 'a'}).fadeIn(); 
//passes vars, but all my jquery event handlers no longer work

问题是，在我动态加载这个内容之后--我不能让我的事件处理程序工作。所以我认为解决方案是这样的：

$(".mainArea").on("load", "page.php", {'folder': 'a'}).fadeIn(); 
// all event handlers still work - but the variables do not get posted...

关于如何组合这两者或者让后者真正传递变量，你有什么想法吗？

Answer 1

• .load从指定的URL从服务器加载数据，并将结果内容放入指定的元素中。
• 当元素及其子元素已完全加载时，将发生load 。此事件仅在某些类型的元素上可用。

基本上，它们做的是两件完全不同的事情(但它们在jQuery中有相同的函数名，因此很容易混淆)。

对于在加载新内容时事件处理程序未绑定的问题，您需要使用使用on的事件委托

$("container_selector").on("event", "child-element-selector", function () {...});