对前端不太熟,今天做一个禁用a标签点击事件的功能,走了些弯路,谨记。
a标签代码如下:
<s:if test="#stock.openStatus ==0"> <a href="javascript:void(0);" class="btn" onclick="APP.openStock('${stock.martketCode}','${stock.openbizUnitid}','${stock.bizId}');">新开</a> </s:if> <s:if test="#stock.takeStatus ==0"> <a href="javascript:void(0);" class="btn rightBtn" onclick="APP.takeStock('${stock.martketCode}','${stock.takebizUnitid}','${stock.bizId}');">下挂</a> </s:if>
要达到的效果:点击任何一个按钮后禁止所有按钮再产生点击事件,直到接到服务器响应为止。
具体的弯路过程就不说了,就记下一点结论吧。
1:由于在a标签里设置了onclick属性,所以执行语句$btn.off("click")语句不能达到效果
2:使用$btn.removeAttr("onclick")语句才可以
最后的代码如下:
function showTipAndDisableButton(flag) { if (flag) { $('<p class="veri_msg suc"><i></i>查询中,请稍候...</p>').insertAfter($("#stock_table")).css({"display":"inline-block"}); $(".btn").each(function() { $(this).removeAttr("onclick"); $(this).off("click"); }); } else { $('#stock_table').siblings('p.veri_msg').remove(); $(".btn").each(function() { $(this).on("click", function() { eval($(this).attr("bak")); }); }); } }
相关推荐
demo——关于禁用html中a标签的思考.zip,欢迎下载!
jquery实现动态禁用label标签效果,可以通过表单内的一个checkbox控制其他的checkbox是否可用,经测试非常有用,感兴趣的朋友可以参考下哈,希望对你有所帮助
Tab控件的使用方法及禁用某一页的方法的源代码
jquery动态禁用label标签.zip
第一次使用,默认密码admin。 登录后直接点击对于按钮禁用或启用U盘即可。 禁用后,插入的U盘将没有任何反应,USB接口的鼠标和键盘可以正常识别。 使用过程如有任何问题,请到www.piikee.net留言。
禁止使用F8-禁用最后一次正确配置
时至今日,依然没有找到使用纯css禁用a标签的办法,难道真的必须要借助JavaScript吗?其实不然,方法有很多,下面为大家介绍下通过js、jquey以及css来实现禁用a标签
右键禁用右键禁用右键禁用右键禁用右键禁用右键禁用右键禁用右键禁用右键禁用右键禁用右键禁用右键禁用右键禁用
SQLServer 脚本批量禁用、启用登录账号..
vc启用/禁用网卡源代码 vc启用/禁用网卡源代码 vc启用/禁用网卡源代码 vc启用/禁用网卡源代码 vc启用/禁用网卡源代码
禁用右键与禁用解除 有的网页可以禁用鼠标右键,觉得十分爽,想找些朋友来一同研究一下. 下面是我收集并验证过的一种方法:
隐藏硬盘,禁用硬盘 隐藏硬盘,禁用硬盘 隐藏硬盘,禁用硬盘 隐藏硬盘,禁用硬盘 隐藏硬盘,禁用硬盘 隐藏硬盘,禁用硬盘 隐藏硬盘,禁用硬盘
XP风格的TabCtrl 可禁用标签的TabCtrl
下面小编就为大家带来一篇a标签置灰不可点击的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
一键禁用微软件自带杀毒软件,重启电脑生效。
一款好用的USB禁用工具,通过它可以很方便地禁用和解除禁用USB存储设备,从而保障系统安全
NULL 博文链接:https://jsx112.iteye.com/blog/1155124
一些特殊的项目中会出现禁用行的需求,这里分享一个devexpress表格控件gridcontrol实现禁用特定行的案例
VC实现禁用与启用设备,范例禁用与启用网卡