如何将jQuery绑定到一个链接<a> to an onclick function?</a>

Question

如何使用jQuery将函数绑定到一个，并且我的HTML文档中只有一个链接标签有多个链接？

我的代码看起来像这样;

$("a").click(function(){
  $("#login").slidedown("slow");
});

但这会绑定文档中的所有链接。

Answer 1

要扩展迈克尔，你需要添加一个返回false;

$("#clicked_link").click(function(){
    $("#login").slidedown("slow");
    return false;
});

否则当您点击该链接时，浏览器仍会尝试关注该链接，您将失去javascript操作。

Answer 2

为具有id属性的click事件命名您的锚点/链接。

例如：

<a href="..." id="clicked_link">...</a>

然后使用以下jquery语句：

$("#clicked_link").click(function(){ $("#login").slidedown("slow"); });

简单就是馅饼！