Android jQuery Mobile中断Phonegap deviceready事件_Android_Jquery_Cordova_Jquery Mobile_Mobile

Android jQuery Mobile中断Phonegap deviceready事件

android jquery cordova jquery-mobile mobile

Android jQuery Mobile中断Phonegap deviceready事件,android,jquery,cordova,jquery-mobile,mobile,Android,Jquery,Cordova,Jquery Mobile,Mobile,因此，我已经让jQuery 1.8.2使用Phonegap没有问题，但是一旦我添加jQuery.mobile.1.2.0，默认的Phonegap示例就会中断。deviceready事件停止触发 index.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="format-detection"

因此，我已经让jQuery 1.8.2使用Phonegap没有问题，但是一旦我添加jQuery.mobile.1.2.0，默认的Phonegap示例就会中断。deviceready事件停止触发

index.html

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>Hello World</title>
</head>
<body>
    <div class="app">
        <h1>Apache Cordova</h1>
        <div id="deviceready" class="blink">
            <p class="event listening">Connecting to Device</p>
            <p class="event received">Device is Ready</p>
        </div>
    </div>
    <input   type="text" name="firstname" id="firstname" />  
    <a href="#" class="btn" onclick="displayHello();">Say Hello</a>
    <script type="text/javascript" src="cordova-2.4.0.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        app.initialize();
        function displayHello(){
            var name = document.getElementById("firstname").value;  
            navigator.notification.alert("My name is "+ name);  
        }
    </script>
</body>
</html>

这是Phonegap附带的默认代码示例，我只添加了

<script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>

在index.html中

不确定发生了什么，因为似乎其他人已经让Phonegap和jQuery Mobile配合得很好

我试着让js安静下来，然后打电话给DeviceRady事件

我试着遵循这个解决方案，另一个在下面发布，但没有效果

但同样的事情也发生了。有了jQuery Mobile deviceready，它永远不会启动，没有它，它启动得很好

任何帮助都将不胜感激！也许我只是错过了一些简单的东西

我还尝试了jQuery和jQuery Mobile的不同版本组合，但没有成功。我运行的是Android Phonegap版本和cordova-2.3.0。我最近尝试升级到cordova-2.4.0，看看这是否有帮助，但没有任何帮助

更新：LogCat/DDMS中没有抛出错误

请尝试将

脚本置于jquery移动库之上。

：

<script type="text/javascript" src="cordova-2.4.0.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
    app.initialize();
    function displayHello(){
        var name = document.getElementById("firstname").value;  
        navigator.notification.alert("My name is "+ name);  
    }
</script>
<script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>


app.initialize（）；
函数displayHello（）{
var name=document.getElementById（“firstname”）.value；
navigator.notification.alert（“我的名字是”+name）；
}

更新：


$（文档）.on（'pageinit'，函数（$）{
app.initialize（）；
});

不久前我也遇到了同样的问题，结果我扔掉了phonegap的启动器

我建议这样做：

<script type="text/javascript" src="cordova-2.4.0.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript">
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
        // your functions here
    }
</script>


文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
函数ondevicerady（）{
//你在这里的职能
}

我希望它有帮助

我注意到浏览器不工作，但使用emulator或PhoneGap构建ondeviciready事件和相同的示例工作

即使在将库添加到头部之后，我也遇到了完全相同的问题，但当我将cordova.js移到jquery mobile下面时，DeviceRady再次启动

<head>
<script type="text/javascript" src="jqueryMobile/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jqueryMobile/jquery.mobile-1.4.3.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
    app.initialize();
</script>
</head>


app.initialize（）；

谢谢你的回答，我只是尝试了一下，似乎没有什么不同。更新了答案，你有没有像这样尝试过并尝试过使用

$（function（）{app.initialize（）}）。我也试过这个，同样的事情。当jQuery Mobile脚本退出时工作正常，当我将其放回时停止工作（不管它是在app.initialize（）之前还是之后），签出最终更新如果可以，那么就可以正常工作，否则脚本可能会出现其他问题。再次感谢，但这一次使用pageinit并且没有jQuery Mobile，app.initialize（）不运行，这是有道理的。使用pageinit和jquery mobile时，app.initialize（）会运行，但deviceready不会启动。谢谢，我也尝试了这个，但什么都没有，和以前一样。有了jquery mobile，它就不会启动，没有它，它就不会启动。我将所有脚本加载到正文中，我将它们移动到。我现在正在另一台电脑上测试，我回家后也会试试。正如我之前应该做的那样，我查找了phonegap的onDeviceReady事件，它们的完整示例在头部加载javascript并用于调用app.initialize（）；将库移动到似乎解决了这个问题。那么，您找到解决方案了吗？
<script type="text/javascript" src="cordova-2.4.0.js"></script>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript">
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
        // your functions here
    }
</script>

<head>
<script type="text/javascript" src="jqueryMobile/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jqueryMobile/jquery.mobile-1.4.3.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
    app.initialize();
</script>
</head>