2010-10-29 117 views
1

我目前在我的站点的首页上使用了一个阅读更多功能来加载大篇文章。它从一个单独的html文件加载一个带有id mainarticle的div。它使用jQuery函数.load(),但本节中的灯箱不起作用。与动态加载的html一起使用的Lightbox灯箱

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

我目前使用jQuery lightbox;有谁知道一个现有的灯箱可以处理加载的内容,或者我可以如何修改一个工作?

谢谢。

回答

0

现场活动是将事件附加到页面上存在的元素还是将出现在页面上。

您可能拥有lightbox某些元素点击事件的开放边界。从

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

更改代码

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

和你做。

+0

我试过了,它对加载的内容没有任何影响,并停止单页文章上的插件。 – henryprescott 2010-10-29 14:07:49

+0

这一切都取决于你如何使用灯箱。当然,你使用的是哪个盒子。其中一些框自己开始他们的脚本。这对我来说并不好(你可能会这样)。使用您自己初始化的那些框。那么你可以像我在我的例子中显示的那样使用它们。出于这个原因,像fancybox(http://fancybox.net/)或simplemodal(http://www.ericmmartin.com/projects/simplemodal/)这样的解决方案对我来说是最好的。 – 2010-11-01 07:44:24