JavaScriptを取得するにはクリックしてください

これは本当に簡単な質問ですが、なぜ動作しないのか分かりません。 divをクリックすると警告が表示されますが、いずれの提出物も実行されません。私は何をしているのですか？JavaScriptを取得するにはクリックしてください

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $(".submit").click(function(){ 
     alert("Test 1 was clicked."); 
    }); 

    $(".submit").on('click', function(){ 
     alert("Test 2 was clicked."); 
    }); 

    $("#test").click(function(){ 
     alert("Test 3 was clicked."); 
    }); 
}); 
</script> 
</head> 
<body> 

<input type='submit' value='Click'> 
<div id='test'>Click</div> 

</body> 
</html>

出典

2016-04-09 RGriffiths

あなたはクラス 'submit'持つ要素がないページ –

にクラス' .submit'を持つ要素を持っていません。 '$（" [type = 'submit'] "）' –

'$（"。submit "）'は、型や名前ではなく、submitの* class *を持つ要素を選択します。例： ' – j08691

なぜコードが機能していないのですか？

クラス.submitの要素はありません。だからclickは動作しません。

が$("[type='submit']")のような適切なセレクタを使用するか、または要素にクラスsubmitを追加

ソリューション。

ワーキングデモ

$("[type='submit']").click(function() { alert("Test 1 was clicked."); }); $("[type='submit']").on('click', function() { alert("Test 2 was clicked."); }); $("#test").click(function() { alert("Test 3 was clicked."); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type='submit' value='Click'> <div id='test'>Click</div>

出典

2016-04-09 16:31:16

優秀 - 本当にありがとうございます。私は非常に多くの答えを見ていただけで、すべてを参照してください。 – RGriffiths

@RGriffithsいつも助けてくれてありがとう:) –

興味深いことに、それは自分のサイトで動作するClickバージョンです。 Onを使用すると（「クリック」...発生しません）私はOnの目的を理解していると思いますが、ページに多数のボタンを送信するとその方法で問題が発生しますか？ – RGriffiths

JavaScriptを取得するにはクリックしてください

答えて

関連する問題