Question

我正在使用this photo gallery from Codrops来显示图片。我没有手动将图像链接插入到html中，而是使用PHP脚本来显示目录中的图像。我试图用jQuery调用php脚本 - 像这样：

HTML：

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

jQuery的：

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

然而，这会打破画廊，虽然它显示图像，但当我悬停或点击图像时没有任何反应。 Firebug抛出错误：

找不到元素。

我哪里错了？

Answer 1

我相信load会替换#content的内容，其中包含<div class="placeholder"></div>。如果画廊需要那个div，那么它将不起作用。

这样的事情应该解决它：

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

此外，请确保在初始化库之前发生此加载调用。如果您首先初始化图库然后添加这些图像，则根据图库的编码方式，它可能无效。

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

Answer 2

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

jQuery滑动库问题

2 个答案: