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

Posted 2020-10-13 艳阳天

 

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"  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标签。