Jquery - .click(), который не делает прокрутки страницы

Question

я собираюсь сделать функцию на JQuery, как это:

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

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

вместо

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

Но я не знаю, как для предотвращения прокрутки вверху страницы с помощью jQuery после того, как кто-то щелкнет ссылку.

Фактически, я полностью избавлюсь от родной JS, что может привести к некоторым проблемам (поэтому я использую JS-инфраструктуру, такую ​​как jQuery).

Любая помощь? Приветствия

Answer 1

вызова e.preventDefault(); где e это первый аргумент обработчика щелчка:

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

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

Answer 2

Ниже также будет работать, но это будет останавливать другие события щелчка по этому вопросу, я думаю.

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

Answer 3

Что сказал ThiefMaster, и вы можете также inclue return false; внутри функции Intead инлайн.