Question

我正在使用phonegap，这个代码在我的android手机中完美加载。但是当我点击按钮时它没有显示文字。

    <!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" charset="utf-8" src="cordova-2.4.0.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("#test1").text("Hello world!");
  });
});
</script>
</head>

<body>
<p id="test1"></p>
<button id="btn1">Set Text</button>

</body>
</html>

Answer 1

我认为JQuery不会被加载到页面中。

您已将其引用为

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">

表示使用当前页面服务器的任何协议。在移动设备上，您将从file：//提供服务，因此浏览器获取脚本的实际请求是：

file://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js

您需要指定要使用的方案，或者将其包含在PG项目本身中。

Answer 2

使用移动设备时，强烈建议您使用jquery的移动版本jquery.mobile.js

然后你可以使用vclick，一切正常：

触摸处理touchend或鼠标点击事件的规范化事件设备

$(document).ready(function(){
     $("#btn1").vclick(function(){
       $("#test1").text("Hello world!");
     });
});

Answer 3

尝试使用：

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" charset="utf-8" src="cordova-2.4.0.js"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
  </script>
  <script>
     $(document).on('pageinit', function(event){
        $("#btn1").click(function(){
            $("#test1").text("Hello world!");
        });
     });
  </script>
  <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js">
  </script>
</head>

<body>
   <p id="test1"></p>
   <button id="btn1">Set Text</button>

</body>
</html>

如果为移动应用程序开发，请使用doc ready jQuerymobile pageinit。

Jquery没有使用phoneGap

3 个答案: