阻止滾動的哈希錨

Question

<li> <a href="#calculate">Calculate</a></li> 
<li> <a href="#calculate1">Calculate1</a></li> 
<li> <a href="#calculate2">Calculate2</a></li> 

這是我有的代碼，當我點擊鏈接時，頁面向下滾動到#calculate所在的位置，這是可以理解的。但我需要它不滾動 我可以刪除href的值，有無論如何阻止它從滾動沒有刪除值#calculate和不更改id名稱？

Answer 1

Live Demo

在現代jQuery的版本：

$('a').on('click', function(e) { 
    e.preventDefault(); 
}); 

其他jQuery的版本：

$('a').click(function() { 
    return false; 
}); 

Answer 2

您可以將函數綁定到click事件並使其返回false。

$("a").click(function() { return false; }); 

DEMO

Answer 3

只是防止鏈路

$('li > a[href^=#calculate]').on('click', function(e){ 
    e.preventDefault(); 
    return false; 
}); 

'li > a[href^=#calculate]'選擇一個a元素，其href屬性開始#calculate這是一個li元素的子元素的默認操作

More Info

Answer 4

$('li > a[href*=calculate]').on('click', function(e) { 
    e.preventDefault(); // this will prevent the page scroll 

    // continue other code 

}); 

閱讀.preventDefault()

這裏，'li > a[href*=calculate]'將選擇的li這是直接（第一級）的錨標籤兒童和包含其href屬性calculate字。