a标签只能点击一次/a标签点击一次后失效
2014-11-05 15:12
183 查看
大家好:
在使用Spring MVC 后,做微信前端,真是各种的坑啊!今天用了一天解决了a标签点击一次后失效/ a标签只能点击一次 的问题!保存一下,也给大家分享一下吧!
项目需求:
一级目录后如果有二级目录,点击一级目录二级目录显示!
一级目录后没有二级目录直接跳转页面
[b][b]今天悲催的一个问题[b]是:
[/b][/b][/b]
[b][b][b] 连续点击a标签后,手机端就出现重复的二级目录
[/b][/b][/b]
$("#yijimulu"+number).attr("disabled",true); 这个方法
好不容易整出效果来了,却只有360浏览器识别,火狐,谷歌等浏览器都不认,更别说微信前端了,,
经过我不断的测试终于出来了自己想要的结果!
window.document.getElementById('yijimulu'+number).disabled="disabled";//使a标签置灰,只能操作一次
document.getElementById('yijimulu'+number).onclick="";
在使用Spring MVC 后,做微信前端,真是各种的坑啊!今天用了一天解决了a标签点击一次后失效/ a标签只能点击一次 的问题!保存一下,也给大家分享一下吧!
项目需求:
一级目录后如果有二级目录,点击一级目录二级目录显示!
一级目录后没有二级目录直接跳转页面
[b][b]今天悲催的一个问题[b]是:
[/b][/b][/b]
[b][b][b] 连续点击a标签后,手机端就出现重复的二级目录
[/b][/b][/b]
$("#yijimulu"+number).attr("disabled",true); 这个方法
好不容易整出效果来了,却只有360浏览器识别,火狐,谷歌等浏览器都不认,更别说微信前端了,,
经过我不断的测试终于出来了自己想要的结果!
window.document.getElementById('yijimulu'+number).disabled="disabled";//使a标签置灰,只能操作一次
document.getElementById('yijimulu'+number).onclick="";
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="/view/common/tags.jsp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>选择科室列表</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <%@ include file="/view/common/resource.jsp"%> </head> <body> <div> <input type="hidden" id="pName" name="PName" value=""/> <input type="hidden" id="number" name="number" value=""/> <input type="hidden" id="dayTime" name="dayTime" value="${dayTime}"/> <input type="hidden" id="timeFlg" name="timeFlg" value="${timeFlg}"/> </div> <div class="container"> <ul class="section_list"> <!-- 一级目录 --> <c:forEach items="${entity}" var="entity" begin="0" varStatus="stat"> <input type="hidden" id="p_fdid" name="p_fdid" value="${entity.fdid}"/> <input type="hidden" id="p_pid" name="p_pid" value="${entity.pid}"/> <input type="hidden" id="hospId" name="hospId" value="${entity.hospId}"/> <li><a <span style="color:#CC0000;">id="yijimulu${stat.count}"</span> <span style="color:#3333FF;">onclick</span>="show('${entity.fdid}','${entity.hospId}','${entity.name}','${stat.count}')">${entity.name}</a><i class="icon_arrow"></i></li> <ul class="child_ul" id="div${stat.count}"> </ul> </c:forEach> </ul> </div> <script type="text/javascript"> <!--二级目录 方法实现 --> function show(fdid,hospId,name,number){ $("#div"+number).empty(); var name =name; //一级科室名称 var pid = fdid; //obj 当前科室的fdID作二级目录的Pid var hospId = hospId; //医院ID var number = number; //编号标记 $("#pName").val(name);//一级目录 $("#number").val(number);//编号 $.post(_path+"/front/mobile/wx/wxHospDeptController", { "pid" : pid, "hospId" : hospId }, function(data){ //拼接Html if(data.entity!=null){ //当存在二级目录的时候,循环显示二级目录 var pName = $("#pName").val(); var number =$("#number").val(); $("#div"+number).show(); for(var i = 0; i<data.entity.length;i++ ){ $("#div"+number).append("<input type='hidden' id='fdid' name='fdid' value='"+data.entity[i].fdid+"'></input>" +"<input type='hidden' id='pid' name='pid' value='"+data.entity[i].pid+"'></input>" +"<input type='hidden' id='hospId' name='hospId' value='"+data.entity[i].hospId+"'></input>" +"<li><a class='child_list_a' onclick=twoDirectory('"+data.entity[i].fdid+"','"+data.entity[i].name+"')>"+data.entity[i].name+"</a></li>" ); } <span style="color:#FF0000;">window.document.getElementById('yijimulu'+number).disabled="disabled";//使a标签置灰,只能操作一次 document.getElementById('yijimulu'+number).onclick="";</span> }else{//当不存在二级目录的时候,直接跳转医生页面 var deptId = $("#p_fdid").val(); //一级科室ID var hospId = $("#hospId").val();//医院ID var dayTime =$("#dayTime").val();//预约时间 var timeFlg = $("#timeFlg").val(); //标识 var pName = $("#pName").val(); //一级科室名称 var url =_path+"/front/mobile/wx/doctorList?deptId="+deptId+"&hospId="+hospId+"&dayTime="+dayTime+"&timeFlg="+timeFlg+"&name="+pName; location.href =url; } }); } /* 医生页面跳转 */ function twoDirectory(fdid,name){ var name = name; //科室名称 var deptId = fdid;// 二级科室ID var hospId = $("#hospId").val();//医院ID var dayTime =$("#dayTime").val();//预约时间 var timeFlg = $("#timeFlg").val(); var url =_path+"/front/mobile/wx/doctorList?deptId="+deptId+"&hospId="+hospId+"&dayTime="+dayTime+"&timeFlg="+timeFlg+"&name="+name; location.href =url; } </script> <script language="javascript" type="text/javascript" src="<%=request.getContextPath()%>/resources/My97DatePicker/WdatePicker.js"></script> <script type="text/javascript" src="<%=request.getContextPath()%>/resources/ztree/js/jquery.ztree.core-3.5.js"></script> <script type="text/javascript" src="<%=request.getContextPath()%>/resources/ztree/js/jquery.ztree.excheck-3.5.js"></script> </body> </html>
相关文章推荐
- 关于a标签内的onclick事件只能点击一次的问题
- IOS 百度地图使用问题(同一个标注只能点击一次)
- a标签点击跳转失效--IE6、7的奇葩bug
- 解决同一个标签只能显示一次提示信息的问题
- 利用ashx生成验证码,并解决只能点击一次刷新问题
- 为什么点击一次后hover样式失效了?
- 开发日志:使超链接点击一次后失效,让其达到类似按钮disabled的效果
- 在IE8下的a标签点击失效
- Mui点击a标签失效解决方案
- 关于jquery替换标签后点击事件失效
- WebView与js交互,只能点击一次,在此回到WebView无法点击。
- button只能点击一次的限制
- android 按钮只能点击一次
- <a>标签onclick点击失效,触发不了。
- 用js实现只能点击一次的按钮的功能
- ie7,ie8下 使用绝对定位的a标签点击失效解决办法
- <a>多颜色标签点击之后保持原色的一次实践, Ext Panel下解决及通用方案思路
- rxJava,rxAndroid实现1秒内只能进行一次有效点击
- html中a标签点击状态失效(覆盖)——link,visited,hover,active的顺序
- 点击a标签变背景色,给input赋值,再次点击清空(有缺陷只能改变一个a标签,谁有更好的请留言赐教)