0

2つの.scrollable（）関数と、.navigator（）の2つのインスタンスが必要です。

私のページ:(下部のスクロールを参照）http://tinyurl.com/69r4bth

私のJS

<script type="text/javascript">
$(function() {
    $(".scrollable").scrollable({
        circular: true,
        easing: 'easeInOutQuad',
        speed: 700
    }).autoscroll({
        autoplay: true,
        interval: 4000
    }).navigator();
    $(".scrollabler").scrollable({ //"scrollabler - note with the r at end
        circular: true,
        easing: 'easeInOutQuad',
        speed: 700
    }).autoscroll({
        autoplay: true,
        interval: 4000
    }).navigator();
});
</script>

問題は、右側の2番目のスクローラーでボタンとスライダーが機能しないことです。1時間以内の締め切りとして迅速な修正をいただければ幸いです。

4

3 に答える 3

0

多分これはうまくいくでしょう：

<script type="text/javascript">
$(function() {
    //changed line
    $(".scrollable,.scrollabler").scrollable({
        circular: true,
        easing: 'easeInOutQuad',
        speed: 700
    }).autoscroll({
        autoplay: true,
        interval: 4000
    }).navigator();
});
</script>

編集：同じクラスの提案を削除しました

于 2011-10-05T15:00:54.043 に答える
0

手始めに、JavaScriptエラーが発生します。

i.position（）がnull [Break On This Error] 0）return b; if（！c.circular && a <0 || a> b.ge ...（b）.bind（d、c [d]）; b [d] = function（h）{h &&

...これはjquery.tools.min.jsを指します

HTMLの下部に、JavaScriptがあり（両方のスクロール可能な領域を機能させるために、私は推測します）、それは次のように終わります。

$（ "。scrollabler"）。scrollable（{circular：true}）。navigator（ "＃navix"）;

それで何を達成しようとしているのかわからない。

スクロール可能のドキュメントを見ると、同じページ上のすべてのスクロール可能要素に同じクラスを使用しています。scrollablerとscrollableを区別する必要がある場合は、異なるIDを使用して、「必要な特別な処理を個別に実行してください。

それ以外は、同じページのすべてのスクロール可能なアイテムに同じクラス名を使用します。

http://flowplayer.org/tools/demos/scrollable/multiple-scrollables.html

于 2011-10-05T15:01:04.403 に答える
0

DOMの同じレベルにこれらの要素がありますか？

ドキュメントによると：

これで、各スクロール可能オブジェクトはデフォルトのセレクター.nextと.prevを使用して、複数の要素が返される原因となるナビゲーション要素を探します。どのナビゲーション要素がどのスクロール可能を制御するかをどうやって知るのですか？この問題は、各スクロール可能オブジェクトとそのナビゲーションアクションを相互ラッパー要素内に含めることで解決できます。

http://www.jquerytools.org/documentation/scrollable/

私は試していませんが、要素を次のように設定するとうまくいく可能性があります。

<div class='navi'>...navitems...</div>
<div class='scrollable'>
   <div class='pages'>
       ...scrollable items...
   </div>
</div>
<div class='wrapper'>
  <div class='navi'>...navitems...</div>
  <div class='scrollabler'>
     <div class='pages'>
       ...scrollable items...
     </div>
  </div>
</div>
于 2012-05-23T15:29:32.877 に答える