javascript - JQuery 未在 Cordova 中执行

Question

我正在使用 Cordova 开发移动应用程序。有一个页面我想要一个 JQuery slider 。为了实现这一点，我使用了流行的 swipe.js，我这样调用它: <script src="js/swipe.js"></script>

但是，当我模拟应用程序并转到页面时，它只显示静态 HTML。更奇怪的是，当我将 WWW 放入 MAMP 并在浏览器中运行它时，它还会向我显示静态 HTML，直到我刷新页面一次，然后它按我希望的方式运行。

我正在使用 deviceready，但似乎没什么用:

document.addEventListener("deviceready", function(){
    Slider = $('#slider').Swipe({
        auto: 1000,
        continuous: true
    }).data('Swipe');

    $('#share-button').click(function() {
        $('#social').css('display', 'block');
        $('#overlay').css('display', 'block');
    });

    $('#overlay').click(function() {
        $('#social').css('display', 'none');
        $('#overlay').css('display', 'none');
    });
},true);

我将计时器设置为 1000 毫秒，这样我就可以查看 jquery 是否正常工作。

Answer 1

使用 jQuery pageshow 事件代替 document.addEventListener 来初始化滑动 slider 。 http://www.w3schools.com/jquerymobile/event_pageshow.asp