javascript - セレクター「:button」がクリックイベントで機能しないのはなぜですか?

Question

こんにちは、Jqueryセレクター「:button」を使用していますが、クリックイベントと組み合わせて機能しません....

$(":button").click(function () {
   alert("click");
   return false;
});

Answer 1

コードを jQuery ドキュメント準備完了関数に入れていることを確認してください。

$(function(){

   /** YOUR CODE **/
   $(":button").click(function () {
       alert("click");
       return false;
   });

});

しかし、 OP に関するコメントからわかるように、実際にはこれを実行したい場合があります。

$(function(){

   /** YOUR CODE **/
   $(":submit").click(function () {
       alert("click");
       return false;
   });

});

Answer 2

次の問題が発生する可能性があります。

• コードに jQuery ライブラリを追加するのを忘れている可能性があります

• $(document).ready()ラッパーを忘れているかもしれません

  $(document).ready(function() {
    // place all jquery code here
    $(':button').on('click', function() {
       alert('click');
       return false;
    });
  });
  

• :buttonDOM に動的に、つまりページの読み込み後に追加できます

  その場合は、次のことを試してください。

  $('body').on('click', ':button', function() {
    alert('Click');
    return false;
  });
  

上のコメントによると

これを試すことができます：

$('input[type=submit]').on('click', function() {
   alert('click');
   return false;
});

また

$('input[type=submit]').on('click', function(e) {
   alert('click');
   e.preventDefault();
});

Answer 3

jQuery の:buttonセレクターは に相当し$('button, input[type="button"]')ます。したがって、それはあなたのコントロールと一致しません: <input type="submit" value="Create" />.

$('input[type="submit"]')代わりにを使用してみてください( を使用できます$(':submit')が、[type="submit"]より高速な場合があります)。