Question

我正在开发一个简单的jquery + phonegap应用程序。以下是我的index.html代码

<html><head>
    <meta name="viewport" content="width=device-width; height=device-height; user-scalable=yes" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <script type="text/javascript">

            $.mobile.allowCrossDomainPages = true; 
            $.mobile.ajaxLinksEnabled = false; 
            </script>                
          <link rel="stylesheet" href="jquery.mobile-1.0.1.css" />
          <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
         <script src="cordova-1.5.0.js"></script>
        <script src="jquery.mobile-1.0.1.min.js"></script>
         <script src="jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script>
        <script type="text/javascript">
         function onDeviceReady() {
                alert("Device ready");
             }

            $(document).ready(function() {
                              alert("done");
                              document.addEventListener("deviceready", onDeviceReady, true); 
                               });

            </script>
        </head>
<body>
   Welcome PhoneGap
</body>

这里我使用查询外部链接，所以我添加了外部主机作为ajax.googleapis.com in 我的cordova.plist文件。

当我运行此代码时，我仍然没有收到警报。

请帮帮我。

谢谢你。 Dhrumil Shah

Answer 1

在尝试访问$.mobile对象之前加载jQuery Mobile库。

基本上，HTML会逐步解析，因此在您可以访问属于它们的任何对象之前，需要先下载和解析所有库。

Jquery无法在Phonegap中加载

1 个答案: