jquery - .load 与 .on（“加载”）

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

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

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

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