bootstrap的nav-tab怎么点击的时候不跳转位置
比如这样
<li><a data-toggle="tab" href="#filter" >xxx</a></li>
点击标签的时候不仅tab会切换,屏幕还会向下移动到#filter的位置。我不想让屏幕移动怎么办
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你这个是添加完事件处理程序(click handler)后,没有阻止默认行为的发生,即a标签的跳转。
解决办法:
在你的事件监听的结尾添加
return false;
使用
event.preventDefault()
http://api.jquery.com/event.preventdefault/
https://developer.mozilla.org/zh-CN/docs/Web/API/Event/preventDefault