在jQuery中通过AJAX加载内容时出现图库滑块错误

Question

我正在使用jQuery插件（ link ）将外部页面拉入主页上的div中，并且每个外部页面都包含一个基于jQuery的水平画廊滑块。

范例： http ： //www.iamtimothylong.com/example

您会注意到，通过AJAX请求加载外部页面时（通过单击“第一本书”或“第二本书”），这些外部页面中的水平滑块将停止运行。

但是，如果将水平滑块静态放置在div中，则它确实可以工作（只是很显然，滑块本身不是问题）。

有人知道解决方案/解决方法吗？ 一个人说

“在XHR请求完成之后，您需要将滑块重新绑定到新元素。在AJAX请求的成功处理程序中，执行mScrollBar（）绑定。”

不幸的是，我是一个编程无知者，我需要用外行的术语来阐明它。 :)

AJAX加载程序源位于此处：/js/menu.js

Answer 1

我会说这是用.live('event')替换未触发事件的经典案例

基本上是在触发javascript并在加载页面时（或在调用它们时）附加事件处理程序时，它将它们附加到当时页面上当前存在的元素中，因此当您加载新内容时（通过AJAX）这些事件不会附加到刚刚加载并与选择器匹配的新内容事件上。

为了解决这个问题的jQuery有.live()匹配任何现有的DOM元素和 dyamically添加将来的事件。