JQuery不能在Cordova中执行

JQuery not executing in Cordova

本文关键字:执行 Cordova 不能 JQuery      更新时间:2023-09-26

我正在使用Cordova的移动应用程序。有一个页面,我想有一个JQuery滑块。为了实现这一点,我使用流行的swipe.js,我这样称呼它:<script src="js/swipe.js"></script>

然而,当我模拟应用程序并进入页面时,它只显示静态HTML。更奇怪的是,当我把WWW放在MAMP中并在浏览器中运行它时,它还会显示静态HTML,直到我刷新页面一次,之后它才按照我想要的方式运行。

我正在使用devicereader,但它似乎没有多大帮助:

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

我设置定时器为1000ms,所以我可以看看是否jquery工作或不

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

1。始终使用devicready和cordova。

2。确保你有所有的javascript需要cordova,cordova_plugins,jquery,swipe等。

3。确保deviceready正在启动

我是这样做的

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