javascript - 「a」タグのクリックイベントにハンドラーをアタッチすると、クリックしなくても発生します

Question

「a」タグのクリックをリッスンする次のコードがあります。

$(document).ready(function () {
    $(document).on("click", $("#addEvent"), addEvent);
});

addEvent: function () {
   alert("Test");
}

<div style="width: 100%; text-align: right;margin-left: -8px; margin-top:-40px;">
   <a id="addEvent" href="#" >
      <span class="t-icon t-add"></span> Add item
   </a>
</div>

このコードが配置されているページを読み込むと、「a」タグをクリックしなくても、ページが読み込まれた直後に警告メッセージが表示されます。

この動作の原因は何ですか?

Firefox 14 と jquery 1.7 を使用しています。

ありがとうございました。

Answer 1

作業デモ http://jsfiddle.net/DYXTG/

API：http ://api.jquery.com/on/

残り私はそれが原因に役立つことを願っています:)

コード

$(document).on("click", "#addEvent", addEvent);


function addEvent() {
    alert("Test");
}
​

Answer 2

$(document).on("click", $("#addEvent"), addEvent);$(document).on("click", "#addEvent", addEvent);のオプションのセレクターは文字列です。 についてはよくわかりませ.on()ん。addEventそれは実際のコードですか、それとも単なる断片ですか?

Answer 3

代わりにこれを試してください：

​$(document​).ready(function(){
    $("#addEvent").on("click", event); 
});

function event(){
    alert("Test");
}

デモ

または単に：

​$(document​).ready(function(){
    $("#addEvent").click(event); 
});

function event(){
    alert("Test");
}

Answer 4

$("#addEvent").click(addEvent);