Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/neo4j/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在dom操作后重新调用jquery插件_Jquery - Fatal编程技术网

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

在dom操作后重新调用jquery插件,jquery,Jquery,我正在编写一个使用元素动态排序的公文包脚本。我在页面上有一个可以用jquery排序的项目列表。当用户单击其中一个元素时,一个大图像将加载到页面上的特定div中。首先加载了一个默认图像。我想做的是使用Nathan Searles的slides.js创建一个包含2到3个图像的幻灯片。我遇到的问题是在将一组新图像加载到div中后重新调用脚本 <div class="slides_container" id="slidesTarget"> <img src="../javascript

我正在编写一个使用元素动态排序的公文包脚本。我在页面上有一个可以用jquery排序的项目列表。当用户单击其中一个元素时,一个大图像将加载到页面上的特定div中。首先加载了一个默认图像。我想做的是使用Nathan Searles的slides.js创建一个包含2到3个图像的幻灯片。我遇到的问题是在将一组新图像加载到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 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()

以下是供参考的链接:。当我尝试重新调用插件时,它只是添加到列表中,而不是替换它。我可能需要找一个不同的滑块。嗯,有点难理解你到底想要什么。如果你有一个我们可以看的工作演示就好了。是的,我想。让我看看能不能安排点什么。