Q

点击＃链接时，如何让页面不滚动到顶部？

2014-05-03 149 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

相关问题