jquery循環插件多個頁面在同一頁

Question

我有一個循環插件多個尋呼機在同一個頁面的問題 我想在同一頁面顯示24循環插件。每個插件都包含一些圖片和信息。所以我想用「尋呼機」來控制對方。一切正常，所有插件工作都很簡單的文檔準備功能。但是我有一個與尋呼機完全不同的問題。

當我嘗試在插件的函數中添加pager:"#nav"和.before("<div id="nav"></div>")。該腳本創建一個像這樣的容器，然後插件將這個容器中的所有分頁器鏈接附加到該容器中。所以所有的傳呼機鏈接顯示在它引起的一個容器id中。

http://onur.mayanet.com.tr/test

我希望獲得的東西，每個插件都應該有自己的傳呼機工作。在一個頁面

Answer 1

的ID必須是唯一的，所以改變這種：

$('.slideshow').before('<div id="nav"></div>').cycle({ 
    fx: 'scrollLeft', 
    speed: 'fast', 
    timeout: 350, 
    pager: "#nav" 
}); 

要這樣：

$('.slideshow').each(function() { 
    $(this).before('<div class="nav"></div>').cycle({ 
    fx: 'scrollLeft', 
    speed: 'fast', 
    timeout: 350, 
    pager: $(this).prev() 
    }); 
}); 

You can test it out here，所有我們在這裏所做的是通過循環和創建/分配尋呼機到每一個，而不是使用必須是唯一的id。請務必將您的#nav CSS規則更改爲.nav以匹配id =>class更改。