Jquery - .cliquez() qui ne marche pas faire défiler la page

Question

Je suis sur le point de faire une fonction sur jQuery comme ceci:

$(document).ready(function() { 
    $('#header_rules').click(function() { 
     // here i define myFunction() 
    }); 
}); 

<a id="header_rules" href="#">RULES</a> 

au lieu de

<a id="header_rules" href="#" onClick="myFunction();return false">RULES</a> 

Mais je ne sais pas comment pour empêcher le défilement vers le haut de la page en utilisant jQuery après que quelqu'un clique sur le lien. En fait, je vais me débarrasser du JS natif, ce qui pourrait causer quelques problèmes (c'est pourquoi j'utilise un framework JS comme jQuery).

Une aide? Vive

Answer 1

Appel e.preventDefault(); où e est le premier argument de votre gestionnaire de clic:

$(document).ready(function() { 
    $('#header_rules').click(function(e) { 
     e.preventDefault(); 
     // here i define myFunction() 
    }); 
}); 

<a id="header_rules" href="#">RULES</a> 

Answer 2

Le ci-dessous également, mais il va arrêter d'autres événements cliquez sur l'élément, je pense.

(document).ready(function() { 
    $('#header_rules').click(function() { 
     // here i define myFunction() 
    return false; 
    }); 
}); 

Answer 3

Qu'ont dit ThiefMaster, et vous pouvez également l'intérieur de votre return false; inclue intead fonction de ligne.