在dom操作之后重新调用jquery插件

Question

我正在开发一个项目组合脚本，它使用元素的动态排序。我在页面上有一个可以用jquery排序的项目列表。当用户单击其中一个元素时，页面上的特定div中会加载一个大图像。首先会加载一个默认的图像。我想做的是使用Nathan Searles的slides.js创建一个包含2到3个图像的幻灯片。我遇到的问题是在一组新的图像加载到div之后重新调用脚本。下面是加载div中的项目的基本代码。

<div class="slides_container" id="slidesTarget">
<img src="../javascript/img/slide-1.jpg" width="570" height="270" alt="Slide 1">
<img src="../javascript/img/slide-2.jpg" width="570" height="270" alt="Slide 2">
</div>

<ul class="webbies">
<li data-id="ab"><a href="#"><img src="/Portfolio/temp/webby-andy-clarke.png" width="110" height="110" alt="" /></a>
div class="clickContent">List of images go here</div>
</li>

<li data-id="ac"><a href="#"><img src="/Portfolio/temp/webby-andy-clarke.png" width="110" height="110" alt="" /></a>
div class="clickContent">List of images go here</div>           
</li>
</ul>

$("ul.webbies li a").click(function(e) {
e.preventDefault();
var content = $(this).next('.clickContent').html();
if(content) $("#slidesTarget").html(content);
});
$("#slides").slides();

因此，根据这个代码示例(我可能遗漏了一些片段，但希望您能理解)，初始div加载slides.js脚本来创建一个很好的幻灯片。当用户点击ul.webbies中的某一项时，一组新的图像被加载到#slidesTarget中。我需要做的是重新设置slides.js脚本，以基于新的图像列表创建幻灯片。希望这是有意义的。提前感谢您的任何帮助/建议。

Answer 1

好吧，这取决于你使用的插件和他们允许的钩子类型。我经常使用的jquery Cycle允许您在初始化后动态添加幻灯片。你能给出你正在使用的插件的链接吗？

jquery循环：http://jquery.malsup.com/cycle/

编辑 Ok注意到了这个插件。

不能在将幻灯片添加到slides_container之后重新初始化容器上的插件吗？只需调用$("#slidesTarget").slides()；