jquery - ページ内の 2 つのスクロール jquery ツールプラグイン

Question

ページでこれらの jquery ツールプラグインの両方を使用したい:

と

しかし、それらは互いに競合します。つまり、最初のものをスクロールすると、2番目のものもスクロールします。

どうすれば解決できますか？

score 4 · Accepted Answer

別の可能な解決策は、異なる「次へ」、「前へ」のボタンクラスに名前を付けることです。

例えば：

jQuery(".scrollable").scrollable({ next: '.scrollableTwoNext', prev: '.scrollableTwoPrev', easing: 'custom',speed: 700 });

パッティングがうまくいかなかったとき、これは私を助けました。

これが誰かを助けることを願っています

score 1 · Accepted Answer

2つの使い方はflowplayerの同じサイトにあります

あなたがする必要がある唯一のことは、すべてのコードをdivインクルードに入れ、その中に次のボタンと前のボタンの部分を含めることです. :D

score 0 · Accepted Answer

これは、プラグインがどのように設計されたかによって異なります...一意のIDを持つ要素を探している場合（または1つのIDのみを生成する場合）、複数のインスタンスを処理しません。

ただし、2か所で使用しているが同じIDを複数回使用している（無効）場合は、変更する必要があります。たとえば、2つの異なるIDを使用するだけです。

サンプルコードを追加できれば、デバッグをお手伝いします。

score 0 · Accepted Answer

両方に同じクラスを使用していないことを確認してください。両方.scrollableが例で使用していることに気付きました。あなたがあなたのコードを投稿するならば、それは答えるのに役立つでしょう。

コードによっては機能する可能性のある例。

$(".horScroll").scrollable({ circular: true }).navigator(".navi");

$(".easeScroll").scrollable({easing: 'custom', speed: 700, circular: true});

どちらも別の名前で呼ばれていることに注意してください。

jquery - ページ内の 2 つのスクロール jquery ツール プラグイン