锚标签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);
   });
});