0

ナビゲータープラグインと履歴をtrueに設定してスクロール可能にしました。これは、ユーザーが id 付きのリンクを使用して、スクロール可能なリスト (約 50 項目) の選択項目までスクロールできるようにするためです。循環をtrueに設定しています。

項目は 4 つのグループで表示されます。しかし、前と次のボタンは 1 項目だけ移動しますが、4 項目ずつ移動したいのです。どうすればいいですか？

インデックス化されたタブ リストは、含まれている項目ではなくこれらの div ページに一致するため、それらを div ページにグループ化することはできません。

私は api.move(-2) でクリック ハンドラーを作成しようとしましたが、あらゆる種類の奇妙なことが起こります (ネイティブのスクロールを 1 つずつプリエンプトしません。進む代わりに巻き戻し、または前進してから 1 つのシーケンスで巻き戻します -受け付けできません）。

私は明らかに基本的な何かを欠いています。ポインタをいただければ幸いです。

ありがとう、

  • ヘンリク
4

1 に答える 1

1

これが私がやったことです：私はAPIをつかみ、次と前の機能を置き換えました。円形を無効にしました。最初と最後のボタンを追加しました。一種の回避策/半解決策。結果は http://cityrinks.ca/wiki/wiki.php?n=ListOfRinks.TableOfRinksで確認できます。

$(function() {
$(".scrollable")
     .scrollable({
        vertical: true, 
        mousewheel: true,
        circular:false 
     })
     .navigator({
    navi: "#rinktabs",
    naviItem: 'a',
    activeClass: 'current',
    history: false
      });
var api = $(".scrollable").data("scrollable");
api.next = function(time) {
index = this.getIndex();
size = this.getSize();
interval = size - index;
if (interval > 4) interval = 4;
return this.move(interval, time);
};
api.prev = function(time) {
index = this.getIndex();
if (index > 4) index = 4;
return this.move(-index, time);
};
$("#firstbutton").click(function() {
var api = $(".scrollable").data("scrollable");
return api.begin(api.speed);
});
$("#lastbutton").click(function() {
var api = $(".scrollable").data("scrollable");
return api.end(api.speed);
});
});
于 2010-09-10T17:05:30.943 に答える