0

私は 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>
4

3 に答える 3

2

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 プロジェクト自体に含める必要があります。

于 2013-02-28T11:02:37.530 に答える
1

モバイル デバイスで作業する場合は、jquery のモバイル バージョンを使用することを強くお勧めします。jquery.mobile.js

次に、 vclickを使用すると、すべて正常に動作します。

タッチ デバイスで touchend またはマウス クリック イベントを処理するための正規化されたイベント。

$(document).ready(function(){
     $("#btn1").vclick(function(){
       $("#test1").text("Hello world!");
     });
});
于 2013-02-28T05:44:25.790 に答える
0

これを使ってみてください:

<!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>

モバイルアプリ向けに開発する場合、jQuerymobileをdoc ready使用する代わりに。pageinit

于 2013-02-28T05:58:50.997 に答える