JQuery沒有在科爾多瓦執行

Question

我正在使用科爾多瓦的移動應用程序。 有一個頁面，我想要有一個JQuery滑塊。當我模擬應用程序，並轉到頁它只是讓我看到靜態HTML然而 <script src="js/swipe.js"></script>

： 要做到這一點，我採用了流行的swipe.js，其中我打電話，像這樣。 甚至更​​奇怪的是，當我把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

而是document.addEventListener的使用jQuery pageshow事件初始化滑動滑塊。 http://www.w3schools.com/jquerymobile/event_pageshow.asp

Answer 2

1.一直使用deviceready與科爾多瓦你。

2.確保你有所有的javascript需要cordova，cordova_plugins，jquery，swipe等。

3.確保它實際上是deviceready射擊。

這是我要做的事

$(document).ready(function() { 
     document.addEventListener("deviceready", controller.StartApp, false); 
    }); 
controller.StartApp = function() 
{ 
alert("Device ready"); 
}