在dom操作后重新调用jquery插件
我正在编写一个使用元素动态排序的公文包脚本。我在页面上有一个可以用jquery排序的项目列表。当用户单击其中一个元素时,一个大图像将加载到页面上的特定div中。首先加载了一个默认图像。我想做的是使用Nathan Searles的slides.js创建一个包含2到3个图像的幻灯片。我遇到的问题是在将一组新图像加载到div中后重新调用脚本在dom操作后重新调用jquery插件,jquery,Jquery,我正在编写一个使用元素动态排序的公文包脚本。我在页面上有一个可以用jquery排序的项目列表。当用户单击其中一个元素时,一个大图像将加载到页面上的特定div中。首先加载了一个默认图像。我想做的是使用Nathan Searles的slides.js创建一个包含2到3个图像的幻灯片。我遇到的问题是在将一组新图像加载到div中后重新调用脚本 <div class="slides_container" id="slidesTarget"> <img src="../javascript
<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 class=“clickContent”>图像列表转到此处
-
div class=“clickContent”>图像列表转到此处
$(“ul.WEBIES li a”)。单击(功能(e){
e、 预防默认值();
var content=$(this.next('.clickContent').html();
if(content)$(“#slideTarget”).html(content);
});
$(“#幻灯片”).slides();
因此,基于这个代码示例(我可能遗漏了一些片段,但希望您能理解),初始div加载slides.js脚本以创建一个漂亮的幻灯片。当用户单击ul.webbies中的一个项目时,一组新的图像将加载到#slideTarget中。我需要做的是重新设置slides.js脚本,根据新的图像列表创建幻灯片。希望这是有意义的。提前感谢您的帮助/建议。好吧,这取决于您使用的插件以及它们允许的挂钩类型。我经常使用jquerycycle,它允许您在初始化后动态添加幻灯片。你能给我一个你正在使用的插件的链接吗 jquery循环: 编辑 好的,我注意到插件了
在将幻灯片添加到幻灯片容器后,您不能重新初始化容器上的插件吗?只需调用$(“#slidesTarget”).slides() 以下是供参考的链接:。当我尝试重新调用插件时,它只是添加到列表中,而不是替换它。我可能需要找一个不同的滑块。嗯,有点难理解你到底想要什么。如果你有一个我们可以看的工作演示就好了。是的,我想。让我看看能不能安排点什么。