1

jQueryMobile と Swipe.js を使用すると、次のコードがほぼ完全に機能します。

<script type="text/javascript">
jQuery('#item-1').one('pageshow', function(){
    window.slider = 
        Swipe(document.getElementById('slider-1'),{
            callback: function(pos) {
                var i = bullets0.length;
                while (i--) {
                    bullets0[i].className = ' ';
                }
                bullets0[pos].className = 'on';
            }
        });
    var bullets0 = document.getElementById('position-slider-1').getElementsByTagName('li');
});

    jQuery('#item-2').one('pageshow', function(){
    window.slider = 
        Swipe(document.getElementById('slider-2'),{
            callback: function(pos) {
                var i = bullets1.length;
                while (i--) {
                    bullets1[i].className = ' ';
                }
                bullets1[pos].className = 'on';
            }
        });
    var bullets1 = document.getElementById('position-slider-2').getElementsByTagName('li');
});

問題は、スライダーが 1 秒間点滅することです (おそらく作成/読み込み中)。運が悪いので、他のイベントを使用して呼び出してみました。

複数のスライドがあり、それらは PHP で動的に生成されることに言及する必要があります...そのため、このようにコーディングすることになりました (スライダーごとにスライドがいくつあるのか、スライダーがいくつあるのかわかりません)。

どんな助けでも大歓迎です。

4

0 に答える 0