Swipe.js和jQuery Mobile滑块闪烁

Question

使用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动态生成的......这就是我最终编码的原因（我不知道每个滑块有多少幻灯片或者有多少个滑块）

感谢任何帮助。