jquery - .load 与 .on ("load")

Question

我正在 div 中加载一个 php 页面，该页面采用发布的变量来显示正确的内容。它的工作原理是这样的:

$(".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 event当元素及其子元素完全加载时发生。此事件仅适用于某些类型的元素。

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

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

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