0

jquery モバイル Web ページで、jsp の HEAD セクションにあるスクリプト タグ内で定義されたスクリプトを呼び出したいと考えています。

<head>

    <link rel="stylesheet" type="text/css" href="jquerymobile/jquery.mobile-1.0a1.min.css" />
    <script type="text/javascript" src="jquerymobile/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="jquerymobile/jquery.mobile-1.0a1.min.js"></script>

    <script>

        $("#button").click( function()
           {
             alert('button clicked');
           }
        );
    </script>

</head>

<body>
    <html:errors/>

    <div data-role="page" data-theme='a'>

      <div data-role="header">
        <h1>jquerymobile</h1>
      </div>

      <div data-role="content">
        <div id="button" data-role="button">Click on button</div>
      </div>

   </div>
</body>

ボタンをクリックすると、アラートが表示されるようにします。しかし、ボタンをクリックしても何も起こりません。

誰かが私が間違っているところを教えてもらえますか?

EDIT1：

次のコードは、FirefoxおよびOpera デスクトップ ブラウザでアラートを表示します。

  $(document).ready(function() {
      $("#vbutton").click(function() {
          alert("clicked");
      });
  });



  <a id="vbutton" data-role="button">Click Button</a>

同じことがOpera MobileおよびFennec ブラウザで機能しない理由-ページの読み込みエラーダイアログが表示される場所??

4

2 に答える 2

4

あなたの問題は、$('#button')それが存在する前に検索していることです...

jQuery コードを a$(document).ready(function(){ ... })またはその簡略エイリアスでラップしてみてくださいjQuery(function(){})

#buttonもう 1 つのオプションは、ボタンが DOMに存在するまで、クリック イベントの初期化をボタンに含めることです。つまり、<script>タグをページの下部に移動すると、機能するはずです。

于 2010-11-25T14:25:50.047 に答える
0

問題は、次のようなデバッグステートメントが原因でした

デバッガ;

デバッグ情報（....）

これは Firefox/Firebug では認識されましたが、Fennec および Opera Mobile ブラウザでは問題を引き起こしていました。

于 2010-11-29T13:21:48.557 に答える