2012-03-02 84 views
2

我使用carouFredSel在同一頁面上創建多個輪播。如果你看看這個JSFiddle,你會看到有兩個輪播,但只有一個能夠用下一個/上一個按鈕滾動。carouFredSel:爲next/prev按鈕創建一個函數?

沒有添加類或ID,我試圖告訴按鈕只能滾動相應的輪播。我相信這是通過一個函數來完成的,但我不完全確定如何。事情是這樣的:

prev: { 
    button: function() { 
     $(this).next('.prev'); 
     } 
}, 
+0

我應該提到,我不想使用類或ID來解決這個問題的原因是因爲我使用WordPress生成這些列。由於所有列都具有相同的屬性,我不想重複代碼。 – colindunn 2012-03-02 21:25:24

回答

13

給這個一看,它的文檔權:

prev: { 
    button: function() { 
     return $(this).parent().siblings(".prev"); 
     } 
    }, 
next: { 
    button: function() { 
     return $(this).parent().siblings(".next"); 
     } 
    } 

Working JSFiddle demo

哦和通知,我拿出key,因爲這樣你就不得不讓旋轉木馬同步......並且您可以擁有一個或另一個,而不是兩個。 (除非你有條件地分配密鑰,但是那還有你的小碼)

-
http://caroufredsel.frebsite.nl/code-examples/configuration.php 搜索:「獲取HTML元素的按鈕和動態容器」

+0

啊!我很接近。感謝您的幫助。 – colindunn 2012-03-02 21:48:17

+1

邪惡的關閉...是的,我必須閱讀該文件的其他一次,我記得在那裏看到它......很高興我可以幫助隊友! – Relic 2012-03-02 21:49:26

+1

我最終以不同的方式實現了keybaord控件。所以在我的情況下,這不是一個問題! – colindunn 2012-03-02 22:03:08

2

我認爲是更好的設置ID。

$("#list1").carouFredSel({ 
    direction: "up", 
    auto : false, 
    items: 3, 
    prev : "#prev1", 
    next : "#next1" 
}); 

$("#list2").carouFredSel({ 
    direction: "up", 
    auto : false, 
    items: 3, 
    prev : "#prev2", 
    next : "#next2" 
}); 

See a working demo.

0

可能是這個人是我的you.in其頁面幹活好有用。

prev: { 
     button : ".prev" 
}, 
next: { 
     button : ".next" 
},