ボタンをクリックするとスクリプトを呼び出します

StackOverflow https://stackoverflow.com/questions/4265776

質問

jQueryモバイルWebページでは、JSPのヘッドセクションのスクリプトタグ内で定義されたスクリプトを呼び出したいと思います。

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

いつ ボタンがクリックされます, 、私は欲しい アラートが表示されます. 。しかし、ボタンをクリックすると何も起こりません。

誰かが私がどこで間違っているのか教えてもらえますか？

編集1：

次のコード アラートを引き起こします の Firefox & オペラデスクトップブラウザー. 

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



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

どんな理由も同じです ではない と連携 オペラモバイル & Fennecブラウザ - それが示す場所 ページの読み込みエラー ダイアログ？？

役に立ちましたか？

解決 2

問題は、次のようなデバッグステートメントによるものでした

デバッガ;

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

Firefox/Firebugによって理解されましたが、 問題を引き起こします の Fennec＆Operaモバイルブラウザ.

他のヒント

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

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

もう1つのオプションは、ボタンのクリックイベントの初期化を後まで含めることです #button DOMに存在します。言い換えれば、あなたはあなたを動かすことができます <script> ページの下部にタグを付けると、動作するはずです。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top