jQuery超载了ajax内容

Question

我正在使用fancybox插件来显示更大的图像。

如果我放入html页面

 <a id="fancy" href='img_big.jpg'><img scr="img.jpg" /></a>

它工作正常，但如果加载load()，则不会应用相同的行条框。

我该如何解决？

Answer 1

您没有提供太多详细信息，但提到.load()。我认为这意味着您在初始加载后动态更新文档，而不是看到fancybox插件应用于新元素。

Fancybox Issue 18（Google代码）描述了让插件与jQuery的.live()一起使用的一些难题。线程的注释14通过将类应用于所讨论的锚标记，然后使用.live()将fancybox行为绑定到那些所选标记上的mouseover事件来描述某人的明显成功。您需要确保<a>代码的类别为fancybox，并执行以下操作：

$(document).ready( function(){
  $('a.fancybox').live('mouseover', function(){ $(this).fancybox() });
});

我们不知道你正在使用的是什么版本的jQuery或fancybox，所以你也可以查看同一个帖子的注释5中描述的Live Query解决方案。