Q

點擊＃鏈接時，如何讓頁面不滾動到頂部？

2014-05-03 185 views 2 likes

2

我有一堆divs設置了觸發jquery點擊函數的類。點擊＃鏈接時，如何讓頁面不滾動到頂部？

各自的div剛纔這他們，使手形光標出現在鼠標懸停

<a href="#">▼</a>

問題是，頁面滾動到上點擊頂部（這是有道理的）。

什麼方式不讓頁面跳轉到頂部，同時使鼠標懸停在手形光標上？

謝謝你們。

2014-05-03 Shaun

+1

http://api.jquery.com/event.preventdefault/ – CBroe

+0

乾杯CBroe - 這是工作，並使其wayyyy更實用。 – Shaun

A

回答

3

與其使用錨標籤只是設置style =「cursor：pointer;」

2014-05-03 03:01:47 davidcondrey

+0

乾杯dcc。因此，我從

中刪除，或者只刪除＃？我嘗試刪除鏈接，現在$（'＃mainDiv'）。on（'click'，'.expFold'，function（event）不起作用。 – Shaun

+0

我會一起移除錨標籤，因爲它是不固定的在div標籤中放置style =「cursor：pointer;」..或者更好.expFold {cursor：pointer;}在CSS中保持你的標記清潔，因爲你已經指定了類。如果你想在你的問題中發佈你的javascript，我會看看。 – davidcondrey

+1

謝謝dcc - 我忘了從我的點擊功能中刪除「a」引用 - 它依賴於錨點，擺脫了它們，它現在很好用了！乾杯隊友，我會用你的答案來運行，因爲它意味着整個項目中的代碼會更少 - 我有很多divs我可以通過剝離錨來做同樣的事情。 – Shaun

4

可以使用javascript:void()代替#如下圖所示

<a href="javascript:void()">▼</a>

2014-05-03 03:03:25

+0

感謝Rashmin。 – Shaun

相關問題