最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jQuery插件实现屏蔽单个元素使用户无法点击_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:08:31
文档

jQuery插件实现屏蔽单个元素使用户无法点击_jquery

jQuery插件实现屏蔽单个元素使用户无法点击_jquery: 代码如下: // 下面的插件部分建议放在js文件中, 方便调用 //-------------- 插件 begin ------------------ (function ($) { //屏蔽,适合单个元素. $.fn.mask = function () { var divHtml = ' '; $(th
推荐度:
导读jQuery插件实现屏蔽单个元素使用户无法点击_jquery: 代码如下: // 下面的插件部分建议放在js文件中, 方便调用 //-------------- 插件 begin ------------------ (function ($) { //屏蔽,适合单个元素. $.fn.mask = function () { var divHtml = ' '; $(th


代码如下:







// 下面的插件部分建议放在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();
}
}







文档

jQuery插件实现屏蔽单个元素使用户无法点击_jquery

jQuery插件实现屏蔽单个元素使用户无法点击_jquery: 代码如下: // 下面的插件部分建议放在js文件中, 方便调用 //-------------- 插件 begin ------------------ (function ($) { //屏蔽,适合单个元素. $.fn.mask = function () { var divHtml = ' '; $(th
推荐度:
标签: 屏蔽 插件 jQuery
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top