如何停止哈希標籤的默認點擊行爲？

Question

可能重複：
Stop default hashtag behavior with jquery

我有一個加載DIV到使用頁面.load（）在鏈接上一些jQuery代碼，還增添了主題標記的URL分頁/書籤的目的;我想要做的就是當鏈接被點擊時停止跳轉到div的頁面。

$('#jqNav li a').click(function(){ 

    if($(this).parent().is(".nav1")){ $('.landing .main .nav ul').css({ "background-position" : "0 -50px" });} 
    else if($(this).parent().is(".nav2")) { $('.landing .main .nav ul').css({ "background-position" : "0 -100px" });} 
    else if($(this).parent().is(".nav3")) { $('.landing .main .nav ul').css({ "background-position" : "0 -150px" });} 
    else if($(this).parent().is(".nav4")) { $('.landing .main .nav ul').css({ "background-position" : "0 -200px" });}; 


    stopAnim = true; 
    $page = $(this).attr('href'); 
    var $hashTag = $(this).attr('name'); 
    window.location = "#" + $hashTag; 
    loadData(); 
    e.preventdefault(); 
    return false; 

}); 

Answer 1

嘗試使用鏈路上e.preventDefault();點擊

嘗試使用$(window).scrollTop(0);防止#從影響頁面

Answer 2

您可以使用return false;作爲點擊處理程序中的最後一條語句。或者同時使用event.preventDefault()和event.stopPropagation()（return false等於它們在一起，防止該元素的默認行爲阻止該事件冒泡穿過DOM）。

參考文獻：

• event.preventDefault()
• event.stopPropagation()
• event.preventDefault() vs. return false（在Stack Overflow）

Answer 3

您可以使用e.preventDefault()此

http://api.jquery.com/event.preventDefault/

或使用：

return false; 

這確實既preventDefault()和stopPropagation()

http://api.jquery.com/event.stopPropagation/

編輯

不要以爲你想要什麼可以做的。因爲如果能夠更改頁面的URL而無需轉到該URL，那麼安全性會很差。

例如，您可以將URL更改爲允許用戶認爲您的頁面代表銀行的銀行的網址。

也許它工作時只需要添加一個哈希，所以你可以給下面的一個嘗試（沒有測試它，很可能會無法正常工作）：

window.location.hash = $hashTag; 
return false; 

EDIT2

我知道，我只是告訴你，這是行不通的，但是我只是偶然在這裏所以這個帖子裏面使用HTML5做你想做什麼：

Is there a way to change the browser's address bar without refreshing the page?

同樣不測試:)