jQuery控制显示隐藏事件小插曲

最新推荐文章于 2025-06-24 10:55:52 发布

weixin_30839881

最新推荐文章于 2025-06-24 10:55:52 发布

阅读量49

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/haimengqingyuan/p/7795747.html

本文介绍了解决网页中元素显示与隐藏的问题，包括去除链接跳转、使用jQuery控制显示隐藏及替换a标签为div标签的方法。

eg.一页面中有a、b两部分，a部分有个筛选图标，我希望一开始的时候a是显示的，b是隐藏的，当点击筛选图标时，a隐藏，b显示；然后在b页面里有个返回按钮，希望点击b中的返回按钮时a显示b隐藏，搞了半天，记录一下教训：

<a class="store-value-condition" style="float: right;margin: 10px;">
    <img src="../images/select.png" alt="" class="condition">
    <p>筛选</p>
</a>

问题1：一开始点击筛选进入b页面，但点击b页面的返回时回不去了：问题出在一开始的b部分是单独的页面，在点击筛选时进行了href页面跳转，到了b页面，而不是与a同一页面的b部分，不同页面控制显示隐藏肯定有问题了。。。把这里的筛选的href去掉，通过jQuery控制a、b两部分的显示与隐藏

问题2：href去掉之后，当点击a部分的筛选时进入到的即是b部分，但这里又有一个问题，b部分一闪而过，即点击筛选确实是a隐藏，b显示，但瞬间b消失了，a出现了。。。问题出在筛选部分的按钮是a链接标签，会产生瞬间刷新的效果，当点击a的筛选时a隐藏b显示，同时筛选的a链接标签开始刷新，进入默认页面即是a部分显示的初始设置。。。

解决办法：a链接的href去掉，同时将a标签换成div标签。

转载于:https://www.cnblogs.com/haimengqingyuan/p/7795747.html