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

$(document).on("click", $("#addEvent"), addEvent);应该是$(document).on("click", "#addEvent", addEvent);，可选的选择器.on()是一个字符串，我不太确定addEvent，是实际代码还是只是片段？

Answer 2

工作演示 http://jsfiddle.net/DYXTG/

接口：http ://api.jquery.com/on/

休息我希望它有助于事业:)

代码

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


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

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);