2011-04-27 122 views
0

我使用this photo gallery from Codrops来显示图像。我不使用手动将图像链接插入到html中,而是使用PHP脚本来显示目录中的图像。我想打电话给使用jQuery的PHP脚本 - 是这样的:jQuery滑动画廊问题

HTML:

<div id="thumbsWrapper"> 
       <div id="content"> 
        <?php /* include_once('display.php'); */ ?> 
        <div class="placeholder"></div> 
       </div> 
      </div> 

的jQuery:

$('#content').load('display.php'); 

然而,这打破了画廊,但它显示的图像,当我悬停或点击图片时没有任何反应。 Firebug抛出错误:

no element found.

我在哪里出错了?

回答

1

我相信负载会取代#content的内容,其中包括<div class="placeholder"></div>。如果该库需要该库,那么它将无法工作。

像这样的东西应该修复它:

$.get('display.php', function(data) { 
    $('.placeholder').before(data); 
}); 

此外,一定要初始化画廊在此之前调用负载情况。如果您先初始化图库,然后添加这些图像,则取决于图库的编码方式,这可能无效。

最后,通过php加载它的方法有什么问题(我看到你评论了它)。似乎是一个很好的方式去找我。

+0

是的,那个div是需要的。那么我将如何使它工作? – input 2011-04-27 19:45:42

+0

而不是使用负载,使用get。然后在您的回调中,您可以在该占位符div之前插入响应,而不是替换它。 – 2011-04-27 19:48:13

+0

用一个get和之前的例子编辑我的答案。 – 2011-04-27 19:51:29

0

使用livequery插件为新添加的dom元素工作和功能相同。 livequery