Comment lier jQuery à un lien <a> à une fonction onclick?

Question

Comment lier une fonction en utilisant jQuery à un et une seule étiquette de lien dans mon document HTML qui a plusieurs liens?

Mon code ressemble à ceci;

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

Mais cela lie tous les liens dans le document.

Answer 1

Nommez votre ancre/lien qui a l'événement click avec un attribut id.

Ainsi, par exemple:

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

Et puis utilisez l'instruction jquery suivante:

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

Facile comme bonjour!

Answer 2

Pour développer sur Michael, vous devez ajouter un retour false;

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

Sinon, lorsque vous cliquez sur le lien, le navigateur toujours essayer de suivre le lien et vous perdrez l'action javascript.