锚标签jQuery的点击

Question

我有一个锚标记这样

<a href="javascript:anchorScr()" id="anch1" class ="af-link"/> 

它带我去两次点击锚标记向javascript函数anchorScr响应（）;

function anchorScr() { 
jQuery('a').click(function (event) { 
    var id = $(this).attr("id"); 
    alert(id); 
    }); 
} 

我做错了什么？为什么我的anchorScr（）没有被第一次点击调用？

Answer 1

这将调用anchorScr功能被点击的锚时：

href="javascript:anchorScr()" 

功能然后装配click事件处理程序的所有a元素。

取出href，只是有这样的：

jQuery('a').click(function (event) { 
    var id = $(this).attr("id"); 
    alert(id); 
}); 

的代码将执行 - 在click事件处理程序安装到所有a元素。您应该只能在ready()上运行此操作，以确保该页面已完全加载到DOM中。

Answer 2

<a href="#" id="anch1" class ="af-link">click here</a> 


jQuery(document).ready(function(){ 
jQuery('a').click(function (event) { 
    var id = $(this).attr("id"); 
    alert(id); 
    }); 
});