我无法在ios uiwebview中的phoneGap中加载JQuery

时间:2013-04-03 09:32:15

标签: ios cordova

我在我的UIWebView中嵌入了phoneGap,引用了这个doc: http://docs.phonegap.com/en/2.2.0/guide_cordova-webview_ios.md.html#Embedding%20Cordova%20WebView%20on%20iOS

在index.html中,我写了这个示例代码:

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <script>

        $(document).ready(function() {
                          alert(“jquery loaded”);
                          });
    </script>
</head>

<body>
    <h2>This is a heading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button>Click me</button>
</body>

加载webview后,可以显示“正文”,但不能弹出警报。那么jquery.js没有加载?或者别的什么不对?

编辑: 我在src中添加了“http:”,但没有用。

谢谢!

4 个答案:

答案 0 :(得分:1)

将http或https添加到您的代码中

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

上述内容对您有用。

答案 1 :(得分:1)

变化

alert(“jquery loaded”);

alert("jquery loaded");

alert('jquery loaded');

答案 2 :(得分:0)

您是否添加了Cordova文件?

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="./cordova-2.3.0.js"></script>
    <script>

        $(document).ready(function() {
                          alert(“jquery loaded”);
                          });
    </script>
</head>

<body>
    <h2>This is a heading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <button>Click me</button>
</body>
</html>

尽管phonegap使用HTML 5,但它仍然需要一些不同的代码编写风格。您创建的每个页面都应位于同一索引页面中,因为Cordova会在项目启动时加载。如果您离开页面Cordova需要重新加载。

答案 3 :(得分:-1)

您是否在www forder(www / jquery.js)上复制了jquery文件。我也使用jquery,我的是www / js / jquery.js 试试这个!!!