控制<a>标签的可用不可用比较好的处理方式

button类控件可以使用attr("disabled","disabled")控制不可用，

但是a标签这样处理就不能达到效果了。

修改href值控制点击的话，还原href的值则不好还原了。

可以这样处理$("a").addClass("disabled");

其中disabled为自定义的css

.disabled{

　　pointer-events:none;

　　cursor:default;

}

注：该解决方案是网上查阅得到的（http://stackoverflow.com/questions/28318057/html-how-to-disable-a-href）

时间： 2024-12-19 06:09:29

控制<a>标签的可用不可用比较好的处理方式的相关文章

控制input标签中只能输入数字以及小数点后两位

js 代码如下: /* 控制input标签中只能输入数字 和小数点后两位 */ function checkNum(obj) { //检查是否是非数字值 if (isNaN(obj.value)) { obj.value = ""; } if (obj != null) { //检查小数点后是否对于两位http://blog.csdn.net/shanzhizi if (obj.value.toString().split(".").length > 1 &a

浏览器内核控制Meta标签说明文档

背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容.在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库. 尽管我们努力通过用户反馈.代码标签智能判断技术提高浏览器的自动切核准确率.但是在很多情况下,我们仍然无法达到百份百正确.因此,我们新增加了

按钮可用不可用

复选框控制按钮可用不可用 <script type="text/javascript"> function changeButton(){ if($("#contract").is(":checked")==true){ $("#btsubmit").removeAttr("disabled"); }else{ $("#btsubmit").attr({"disab

jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 （css控制span标签）

<script> $(function(){ var text ; $(".pos span").each(function(){ text = $(this).text().trim(); if(text=="设为默认"){ $(this).css('display','none'); } }); $(".pos").mouseover(function(){ //鼠标移进显示效果 text = $(this).find('span

浏览器内核控制Meta标签

背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容.在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库. 尽管我们努力通过用户反馈.代码标签智能判断技术提高浏览器的自动切核准确率.但是在很多情况下,我们仍然无法达到百份百正确.因此,我们新增加了

根据条件控制参数控件是否显示(可用)

1.应用场景 在用报表工具FineReport设计报表时,使用参数控件时,有时我们希望部分参数控件在没满足条件时不显示,满足条件后再显示,如下图效果:只有前面的下拉框选择了内容之后,后一层下拉框控件才显示出来: 2.解决方案 首先将被控制的控件初始化为不可见或者不可用,然后在条件控件上增加编辑结束事件,通过js脚本设置被控制控件可见或可用,对应的js方法如下: setEnable(boolean):设置是否可用,true为可用,false为不可用: setVisible(boolean):设置是

如何使标签a处于不可用状态

今天做项目的时候突然发现a标签下用disabled无法使它的点击事件失效(貌似ie下可以,没有测试过), 首先说一下项目要求,点击a标签(点击之后以防多次快速点击,这里需要点击后使标签a实现),触发ajax提交数据,成功后回调函数里 再使其恢复点击可用: $('#goaid').click(function(){ $( this).prop("disabled", true);//无法使a标签失效 $.ajax({ url:'check.php', type:'POST', data:

js实现input button从不可用变为可用

有时候明明是些很简单的东西,因为自己的一些大意,可能就在那圈子里一直兜兜转转,好久都绕不出来. 所以我也愿意把这些很简单的愚蠢写出来,与君共享~ 首先大家知道<input>有一个名叫“button”的type,它的可见与否由“disabled”属性决定. 下面的代码,我的原意是一个输入框和三个按钮.在点击“编辑”按钮前,另外三个都属于“不可用”状态,点击以后方能恢复可用. <html> <head> <meta http-equiv="Content-T

js 控制 input标签的 readonly属性

input 标签的 readonly 属性   $('#id').attr("readonly","readonly")//将input元素设置为readonly   $('#id').removeAttr("readonly");//去除input元素的readonly属性     if($('#id').attr("readonly")==true)//判断input元素是否已经设置了readonly属性 本人喜欢如下方法