锚点标签 jQuery 点击

Question

我有一个像这样的锚点标签：

<a>

    <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()在第一次点击时没有被调用？

- Suave Nti

Answer 1

当锚点被点击时，这将调用anchorScr函数：

href="javascript:anchorScr()"

函数随后会将 a 元素全部绑定一个 click 事件处理程序。

删除 href，只需保留这个：

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

代码将会执行 - 为所有a元素附加click事件处理程序。你可能应该只在ready()上运行它，以确保页面已经完全加载到DOM中。

- Oded

---

就是这么简单。谢谢Od。 - Suave Nti

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

- dku.rajkumar