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');
});

问题是滑块闪烁一秒钟（可能在创建/加载它时）。我尝试过使用其他事件来调用它，但没有成功。

我不得不提到我有多个幻灯片，它们是用 PHP 动态生成的......这就是为什么我最终这样编码（我不知道每个滑块有多少个幻灯片或将有多少个滑块）。

任何帮助表示赞赏。

4

0 回答 0