0

簡単に言うと、jquery サイクル プラグインに #small-cycle1、#small-cycle2 などを選択しようとしています。ワイルドカードを使用して選択すると、すべてのサイクルのページャーナビゲーションが各サイクルに書き出されるため、機能していないようです。

以下は、今のところ問題を回避する方法です。

        $('#small-cycle1').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav1',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle2').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav2',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle3').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav3',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle4').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav4',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle5').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav5',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });

セレクターと pager: オプションでワイルドカードを使用することはできますか?

4

1 に答える 1

3

私はサイクル プラグインに詳しくありませんが、このコードは必要なすべての要素を選択する必要があります。「cycleCount」をページ上のスライドショーの数に設定するだけで、それらをループします。

var cycleCount = 5;
for(var i = 1; i <= cycleCount;i++){
    $('#small-cycle'+i).cycle({ 
        speed:       0, 
        timeout:     0,
        pager:      '#nav'+i,
        pagerEvent: 'mouseover', 
        pauseOnPagerHover: true
    });
}
于 2013-04-17T22:11:01.043 に答える