2012-03-02 12 views
2

私はcarouFredSelを使用して、同じページに複数のカルーセルを作成しています。このJSFiddleを見ると、2つのカルーセルがあることがわかりますが、次の/前のボタンで1つしかスクロールできません。carouFredSel:次/前ボタン用の関数を作成しますか?

クラスまたはIDを追加せずに、ボタンに対応するカルーセルのみをスクロールするように指示しています。私はこれが機能で達成されると信じていますが、私はどのように完全にはわかりません。このような何か:

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

私はWordPressでこれらの列を生成しているため、この問題を解決するためにクラスまたはIDを使用したくない理由が言及しておく必要があります。すべての列は同じプロパティを持つため、コードを繰り返さないことをお勧めします。 – colindunn

答えて

13

はこの外観を与える、それが右のドキュメントにあります:

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

Working JSFiddle demo

ああと通知が、私はkeyを取り出し、その後、あなたがしなければならないので、カルーセルを同期させてください...あなたはどちらか一方を持つことができますが、両方を持つことはできません。私はthatsのが良い設定だと思う

+0

ああ!私は近くにいた。ご協力ありがとうございました。 – colindunn

+1

ウィキッドクローズ...ええ、私はもう一度何かのためにその文書を読まなければなりませんでした。私はそこでそれを見ていたことを思い出しました...私は仲間を助けることができてうれしい! – Relic

+1

私はkeybaordコントロールを別の方法で実装しました。だから私の場合、それは問題ではありません! – colindunn

2

を「ボタンのHTML要素と動的にコンテナを取得する」:
http://caroufredsel.frebsite.nl/code-examples/configuration.php 検索 -

(あなたは条件付きでキーが割り当てられますが、あなたの小さなコードをそこに行く場合を除き) 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

は、この1つは私のページにそのワーキン良いのyou.inために便利であるかもしれません。

関連する問題