jQuery滑动图库问题

jQuery sliding gallery issue

本文关键字:问题 jQuery      更新时间:2023-09-26

我使用Codrops的这个图片库来显示图像。我没有手动将图像链接插入html,而是使用PHP脚本显示目录中的图像。我试图调用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抛出错误:

未找到元素。

我哪里错了?

我相信load将取代#content的内容,其中包括<div class="placeholder"></div>。如果这个div需要用于图库,那么它将不起作用。

这样做应该可以解决这个问题:

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

此外,请确保在初始化图库之前调用load。如果您先初始化图库,然后添加这些图像(取决于图库的编码方式),则可能无法正常工作。

最后,通过php加载它的方法有什么问题(我看到你把它注释掉了)。

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