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

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

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

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

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

其中disabled为自定义的css

.disabled{

  pointer-events:none;

  cursor:default;

}

pointer-events 属性
auto:
与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同
none:
元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。
即穿透。
其他值只能应用在SVG上。

 

posted @ 2017-01-23 14:23  麦田清风  阅读(6010)  评论(0)    收藏  举报