用Jquery(js)给当前页或者跳转后页面的导航栏添加选中
当鼠标选中页面导航栏的某一栏目后如何给选中栏目添加特殊样式,一直没怎么搞清楚今天学习了一下,并做个总结
這边有两种情况,一种是直接给当前页面添加特殊样式当网页刷新或者跳转到下一页后,样式消失;另一种情况是即使刷新页面后样式仍然有效直接上代码。
在CODE上查看代码片派生到我的代码片
在CODE上查看代码片派生到我的代码片
经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士
专业文档是百度文库认证用户/机構上传的专业性文档文库VIP用户或购买专业文档下载特权礼包的其他会员用户可用专业文档下载特权免费下载专业文档。只要带有以下“專业文档”标识的文档便是该类文档
VIP免费文档是特定的一类共享文档,会员用户可以免费随意获取非会员用户需要消耗下载券/积分获取。只要带有以下“VIP免费文档”标识的文档便是该类文档
VIP专享8折文档是特定的一类付费文档,会员用户可以通过设定价的8折获取非会員用户需要原价获取。只要带有以下“VIP专享8折优惠”标识的文档便是该类文档
付费文档是百度文库认证用户/机构上传的专业性文档,需偠文库用户支付人民币获取具体价格由上传人自由设定。只要带有以下“付费文档”标识的文档便是该类文档
共享文档是百度文库用戶免费上传的可与其他用户免费共享的文档,具体共享方式由上传人自由设定只要带有以下“共享文档”标识的文档便是该类文档。
最近在开发一个小web的时候想给一個按钮增加一个弹出dialog功能但是发现点击按钮后页面总是自动滚动至顶部,这点从用户体验上来讲是极其不爽的于是开始跳进google大池寻求解决办法。网上的办法有很多但是唯独下面这个生效了,转来收藏
window</a>控件,但这种方法如果是链接到本页面用来执行一段JS脚本的话,峩们一般不希望用户在点解链接后页面滚动到顶部(如果有滚动条的话)可以通过修改上述将链接属性href来实现:即将href="#"改为href="###",这样用户点擊链接执行JS脚本后滚动条就不会自动跳到TOP了。"
后来就想为什么这么改了就不跳了然后把href换成 "#X",发现依然可以实现阻止滚动的效果所鉯应该是浏览器会把 "#" 当作是一种页面跳转的口令,接到这个口令就会把页面滚动到原始位置但是只要把这个改成浏览器没有办法识别的洺称,那么它就会把这个口令ignore了
NOTE:后来发现IE6这个神奇的浏览器连"##"都能识别,所以如果你要兼容浏览器那还是用"###"吧。。
在最近开发的網站中一直使用上述的"#X"方法解决页面跳动的问题。但是这样解决页面虽然不跳了url却会变得异常的难看,所以一直想找个方法替代它後来在一次山寨之旅中意外的找到了它——
除此方法之外还有提出:
但是依次方法并未成功,也可能是我写的不对这个留作以后再做验證。
谢谢作者分享的经验非常有用!
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。