2012-07-12 166 views
1

可能重複:
Avoid window jump to top when clicking #-links的jQuery#滾動到頂部

我的網站上我有點擊和jQuery處理事件對他們的鏈接。這些鏈接很簡單,例如:

<a href=# class=bleh>click</a> 

的問題是,我點擊一個鏈接比如,它滾動到頁面(可能因爲該#)的頂部。

有什麼辦法可以讓頁面不再滾動,只是保持放?

我知道我不需要href標記,但我希望它顯示爲鏈接。

回答

0

或者你也可以利用這一點,稍長但工程

<a href="javascript:void(0);" class="bleh">click</a> 
1

您可以嘗試在與href="#"的鏈接上禁用點擊默認行爲。

$('[href="#"]').click(function (e) { 
    e.preventDefault(); 
}); 
1

可以使用event.preventDefault()防止click事件的默認操作:

如果此方法被調用時,事件的默認動作不會被觸發。

$('.bleh').click(function(eve){ 
    eve.preventDefault() 
}) 
0
$('.bleh').on('click', function(e) { 
    e.preventDefault(); 
    return false; 
}) 
0

配售「無效」的「#」後應停止滾動並且仍然允許事件觸發。

<a href=#void class=bleh>click</a> 
+1

如果你沒有'id =「void」的元素'artibute:是的,否則不是 – Ties 2012-07-12 11:59:54