分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

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

发布时间:2023-09-06 01:08责任编辑:赖小花关键词:jQuery

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

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

原文地址:http://www.cnblogs.com/haimengqingyuan/p/7795747.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved