javascript - Jquery クリックアラート()

Question

このメソッドのクリックでアラートが表示されない理由を知っていますか? このイベントをキャッチできないためです。

<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
jQuery(function () {
    jQuery(".jtable-command-button.jtable-edit-command-button").click(function () {
        alert("asdas");
    });
});

</script>
</head>
<body>

<h1>My First JavaScript</h1>
<p id="demo">This is a paragraph.</p>

<button class="jtable-command-button jtable-edit-command-button" title="Edytuj pozycję">

</body>
</html>

私はあなたの助けのためにあなたのすべてのポイントをあなたに差し上げます[閉店]ありがとう

score 6 · Accepted Answer

$関数を定義せずに（おそらくjQueryから）使用しようとしています（たとえば、jQueryをロードすることにより）
バインド先の要素が作成される前に、イベントハンドラーを見つけようとしています。
セレクターを使用していますidが、要素にIDがありません（クラスがあります）（注：質問の最初の編集後、これは当てはまりません）
descendant combinatoraと aを使用していますが、は atype selectorであるtype必要がありclass、ターゲットにしている要素は両方のクラスに属しています。どちらのクラスのメンバーである祖先要素もありません。(注: HTML クラス属性は、スペースで区切られたクラスのリストを取ります)
ボタンの終了タグとラベルがありません

JS 部分の修正版は次のようになります。

<script src="jquery.js"></script> <!-- Set this path correctly -->
<script>
jQuery(function () {
    jQuery(".jtable-command-button.jtable-edit-command-button").click(function () {
        alert("asdas");
    });
});
</script>

score 2 · Accepted Answer

$(".jtable-command-button.jtable-edit-command-button").click(function () {
alert("asdas");

.クラスの後.jtable-command-buttonに「」を含める必要がありますjtable-edit-command-button。

score 2 · Accepted Answer

.あなたはクラス名を持っているので、クラスセレクターはjqueryで始まります。

$(".jtable-command-button.jtable-edit-command-button").click(function () {
    alert("asdas");
});

score 2 · Accepted Answer

を使用する必要があります。クラスの場合、ID の場合は #

$(".jtable-command-button").click(function () {
   alert("asdas");
});

score 1 · Accepted Answer

jQueryが宣言されていることを願っていますか？もしそうなら、これを試してください：

$(".jtable-command-button.jtable-edit-command-button").click(function () {
   alert("asdas");
}

score 1 · Accepted Answer

あなたのコードによれば、クリックイベント関数の呼び出しに # を使用しましたが、# は ID に使用され、ドット (.) はクラスに使用されるため、# の代わりに .(ドット) を使用しました

 $(".jtable-command-button.jtable-edit-command-button").click(function () {
    alert("asdas");
});

score 1 · Accepted Answer

jquery をダウンロードしたと仮定すると、js ファイルをインポートする必要があります。

<script type="text/javascript" src="yourPath/jquery-1.7.2.js"></script>  //your jquery version

次に、上記の回答または次のように試すことができます。

$("button[title='Edytuj pozycję']").click(function(){
alert("asdad");
});

javascript - Jquery クリックアラート()

7 に答える 7

Related

Reference