dom操作後重新調用jquery插件

我正在使用動態排序元素的組合腳本。我有一個頁面上的項目列表，可以用jquery排序。當用戶點擊其中一個元素時，大圖像將加載到頁面上的特定div中。首先加載一個默認圖像。我想要做的是使用Nathan Searles的slides.js創建2到3張圖片的幻燈片。我遇到的問題是在一組新圖像加載到div後重新調用腳本。這是加載div中項目的基本代碼。dom操作後重新調用jquery插件

<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腳本以基於新的圖像列表創建幻燈片。希望這是有道理的。預先感謝任何幫助/建議。

來源

2011-02-23 Mike Muller

嗯，這取決於您使用的插件以及它們允許的鉤子類型。我使用了很多的jquery Cycle，允許您在初始化後動態添加幻燈片。你可以給你正在使用的插件的鏈接？

jQuery的週期：http://jquery.malsup.com/cycle/

編輯好注意到該插件。

在將幻燈片添加到slides_container之後，您不能剛重新初始化容器上的插件嗎？只需調用$（「＃slidesTarget」）。幻燈片（）;

來源

2011-02-23 04:20:46 JohnP

這裏是供參考的鏈接：http://slidesjs.com/。當我嘗試重新調用插件時，它只是添加到列表中而不是替換它。我可能需要尋找一個不同的滑塊。 – 2011-02-23 04:29:43

嗯，有點難以理解你到底想要什麼。如果你有一個我們可以看的工作演示會很好。 – JohnP 2011-02-23 04:33:28

是的，我想。讓我看看我能否設置一些東西。 – 2011-02-23 04:42:03

dom操作後重新調用jquery插件

回答

相關問題