禁用单击html元素jQuery
所以对于那些迫不及待的人来说 我正在开发类似的东西,我只是jQuery的新手:)我的问题是如何启用和禁用当我单击下面的禁用和启用按钮时,禁用单击html元素jQuery,jquery,html,css,Jquery,Html,Css,所以对于那些迫不及待的人来说 我正在开发类似的东西,我只是jQuery的新手:)我的问题是如何启用和禁用当我单击下面的禁用和启用按钮时,元素的单击:)非常感谢您的回答。我会非常感激的 预览代码: HTML JS 使用.off()删除处理程序 $(文档).ready(函数(){ 函数处理程序(){ 警报($(this.attr(“数据”)); }; $('.controls li i')。单击(处理程序); $('.disable')。单击(函数(){ $('.controls li i').o
元素的单击:)非常感谢您的回答。我会非常感激的
预览代码:
HTML
JS
使用.off()删除处理程序
$(文档).ready(函数(){
函数处理程序(){
警报($(this.attr(“数据”));
};
$('.controls li i')。单击(处理程序);
$('.disable')。单击(函数(){
$('.controls li i').off('click',handler);
})
$('.enable')。单击(函数(){
//这里使用off,这样,如果单击两次enable,就不会发生重复的处理程序注册
$('.controls li i').off('click',handler.)。click(handler);
})
});代码>
.controls{
列表样式:无;
}
李先生{
显示:内联块;
利润率:0px 5px;
}
.李一{
光标:指针;
}
使残废
.启用{
利润率:10px;
背景:#000;
颜色:#fff;
填充物:3px 5px;
光标:指针;
}
使残废
启用
使用.off()删除处理程序
$(文档).ready(函数(){
函数处理程序(){
警报($(this.attr(“数据”));
};
$('.controls li i')。单击(处理程序);
$('.disable')。单击(函数(){
$('.controls li i').off('click',handler);
})
$('.enable')。单击(函数(){
//这里使用off,这样,如果单击两次enable,就不会发生重复的处理程序注册
$('.controls li i').off('click',handler.)。click(handler);
})
});代码>
.controls{
列表样式:无;
}
李先生{
显示:内联块;
利润率:0px 5px;
}
.李一{
光标:指针;
}
使残废
.启用{
利润率:10px;
背景:#000;
颜色:#fff;
填充物:3px 5px;
光标:指针;
}
使残废
启用
您可以这样做:
$('.disable').click(function(){
$('.controls li i').removeClass('clickable');
});
$('.enable').click(function(){
$('.controls li i').addClass('clickable');
});
$('.clickable').click(function(){
//actions you want
});
您可以这样做:
$('.disable').click(function(){
$('.controls li i').removeClass('clickable');
});
$('.enable').click(function(){
$('.controls li i').addClass('clickable');
});
$('.clickable').click(function(){
//actions you want
});
谢谢你,先生。你真了不起谢谢你,先生。你真棒
$(document).ready(function(){
$('.controls li i').click(function(){
alert($(this).attr("data"));
});
});
$('.disable').click(function(){
$('.controls li i').removeClass('clickable');
});
$('.enable').click(function(){
$('.controls li i').addClass('clickable');
});
$('.clickable').click(function(){
//actions you want
});