1

注:この種の質問をして申し訳ありません。

上下に保存ボタンのあるフォームがあります。クリック機能を実行するための共通IDにしています。最初の保存ボタンではアラートを取得しますが、2 番目の保存ボタンには同じ ID しか含まれていませんが、アラートは表示されません。同じ ID を含む 2 つのボタンに対してアラートを出す方法がわかりません。

  jQuery("#preview").click(function() {
            alert("Handler for .click() called.");
        });

これがフィドルです。 http://jsfiddle.net/N8Mhd/

どんな提案も素晴らしいでしょう。

4

3 に答える 3

2

ID は一意である必要があります。2 つの要素に同じ ID を使用しないでください。代わりにクラスを使用してください。

だからただ使う

<input type="button" class="preview" value="Click Me :)"/>
<input type="button" class="preview" value="Click Me :)"/>

jQuery(".preview").click(function() {
    alert("Ponies!");
});
于 2013-09-27T10:35:39.407 に答える
1

同じ ID を持つ 2 つの要素を使用することはできません。ID は一意である必要があります。クラスを使用する必要があります：

<input type="button" class="preview" value="Click Me :)"/>

...

<input type="button" class="preview" value="Click Me :)"/>


<script>
jQuery(".preview").click(function() {
   alert("Handler for .click() called.");
});
</script>
于 2013-09-27T10:39:02.267 に答える
1

Id は重複できないため、Idセレクターをclassセレクターに変更してから、同じイベントをバインドできます。

<input type="button" class="preview" value="Click Me :)"/>    
<input type="button" class="preview" value="Click Me :)"/>

脚本：

jQuery(".preview").click(function() {
    alert("Handler for .click() called.");
});

jsFiddle デモ

于 2013-09-27T10:35:13.467 に答える