当前位置: 编程技术>jquery
jQuery插件屏蔽单个元素禁止点击的实现代码
来源: 互联网 发布时间：2014-09-03
本文导语: 用jquery屏蔽单个元素，禁止用户点击，实现起来很简单的。 代码如下： 代码示例: jquery屏蔽单个元素，禁止用户点击-www. // 以下插件部分建议放在js文件中 //--- 插件 begin --- (function ($) { //屏蔽，适合单个元素. $....
用jquery屏蔽单个元素，禁止用户点击，实现起来很简单的。
代码如下：
代码示例:
jquery屏蔽单个元素，禁止用户点击-www.
// 以下插件部分建议放在js文件中
//--- 插件 begin ---
(function ($) {
//屏蔽，适合单个元素.
$.fn.mask = function () {
var divHtml = '
$(this).wrap('');
$(this).parent().append(divHtml);
$(this).data("mask","true");
}
//取消屏蔽
$.fn.unmask = function () {
$(this).parent().find(".divMask").remove();
$(this).unwrap();
$(this).data("mask", "false");
}
})(jQuery);
//--- 插件 end ---
//并没有做disabled处理， 只是上面加多了个屏蔽层， 使之无法点到而已。
//这样其它地方无须再处理，更方便。
function changeA2(obj) {
var t = { 'key': 'b', 'value': '2' };//映射对应关系
if (obj.value == t.key) {
$("#A2").val(t.value);
$("#A2").mask();
} else {
$("#A2").val("");
$("#A2").unmask();
}
}
--请选择--
a
b
c
d
--请选择--
1
2
3
4
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。