0

2 つ (またはそれ以上) の jQuery タブを含むページがあります。各タブには、前/次のページングがコードに追加された jQuery サイクル スライドショーが含まれています。

jqueryfordesigners dot com のチュートリアルに基づいて、スライドショーのキーボード ナビゲーションを追加しました。

キーボード ナビゲーションは各スライドショーで機能しますが、スライド ページは同期しています。つまり、タブ 1 で 3 番目のスライドにページングすると、タブ 2 が表示されたときに 3 番目も表示されます。

それらを個別にページングする方法はありますか?

http://pastie.org/916682を参照

編集: 前へ/次へをクリックするとスライドショー ページが個別に表示されますが、kbd nav では表示されません。

4

1 に答える 1

0

解決しました。明らかなことを見逃していました。アクティブなタブと非アクティブなタブの主な違いは可視性であるため、最後から 2 番目のセレクター (タブ div 用) に :visible を追加するだけで済みます。

$(document.documentElement).keyup(function(event) {
    var direction = null;
    if (event.keyCode == 37) {
        direction = 'prev';
    } else if (event.keyCode == 39) {
        direction = 'next';
    }
    if (direction != null) {
        $('#content > div:visible').each(function(index) {
            $('#prev-slide,#next-slide', this)[direction]().click();
        });
    }
});
于 2010-04-14T00:59:35.587 に答える