您可以将所有初始化代码放在函数中,然后从两个位置调用该函数:
- 在document.ready()中
- 加载新内容后
例如:
function initDynamicEventHandlers() { // set up your event handlers here}$(document).ready(initDynamicEventHandlers);$(whatever).load(url, initDynamicEventHandlers)您将必须确保未替换的任何内容都不会安装多个事件处理程序。
或者,第二种选择是,对于某些类型的逻辑(例如鼠标和按键事件),可以使用委托事件处理并在将事件处理附加到未替换的静态父对象后安装该事件处理,并且事件处理无需更改即可您的动态内容在下面发生了变化。
为此,请使用的委托形式
.on():
$(static parent object selector).on('click', dynamic object selector, fn)


