可与动态加载的 html 配合使用的灯箱

Question

我目前正在网站首页上使用“阅读更多”功能来加载较大的文章部分。它从一个单独的 html 文件加载一个 ID 为 mainarticle 的 div。它使用了 jQuery 函数 .load()，但此部分中的灯箱不起作用。

我知道这与 .live() 有关，但我无法确定需要更改为 live() 函数的函数。

我目前正在使用 jQuery lightbox；有谁知道现有的灯箱可以与加载的内容一起使用，或者我如何修改灯箱才能工作？

谢谢。

Answer 1

live 的作用是将事件附加到页面上存在或将出现在页面上的元素。

您可能已打开灯箱并绑定到某些元素的单击事件。将该代码从 更改

$('element').bind('click', function(event){
  open lightbox here
});

为

$('element').live('click', function(event){
  open lightbox here
});

即可完成。