Jquery 禁用容器及其内部的所有元素

Jquery 禁用容器及其内部的所有元素,jquery,html,Jquery,Html,下午好,我正在尝试找到一个容器,它可以禁用其中的所有元素,不仅是输入,还有图像和其他没有禁用属性的元素。。。 我不想隐藏容器,但禁用它。。。你知道有一个容器我可以做吗?多谢各位 $(文档).ready(函数(){ $('#btnHabilitar')。单击(函数(){ $(“#菜单”).prop(“禁用”,false); }); $('btnDesabilitar')。单击(函数(){ $(“#菜单”).prop(“已禁用”,true); }); $(文档).mouseup(函数(e){ 变量

下午好,我正在尝试找到一个容器,它可以禁用其中的所有元素,不仅是输入,还有图像和其他没有禁用属性的元素。。。 我不想隐藏容器,但禁用它。。。你知道有一个容器我可以做吗?多谢各位

$(文档).ready(函数(){
$('#btnHabilitar')。单击(函数(){
$(“#菜单”).prop(“禁用”,false);
});
$('btnDesabilitar')。单击(函数(){
$(“#菜单”).prop(“已禁用”,true);
});
$(文档).mouseup(函数(e){
变量容器=$(“#菜单”);
如果(!container.is(e.target)&&container.has(e.target).length==0){
$(“#菜单”).prop(“已禁用”,true);
}
});
$('#img1')。单击(函数(){
警报(“clicou imagem”);
});
});

您可以使用CSS3的
不透明度
属性,并将其设置为正常值的一半。这将使容器本身和所有子元素看起来都是禁用的。然后还可以使用
指针事件:无
来避免所有单击事件


这是为您禁用整个菜单。您可以将这些CSS3规则添加到某个类中,然后使用
addClass(“className”)
函数将其添加到菜单中,并单击某个按钮

HTML结构(即容器)无法对任何内容起作用。。。只有javascript/jQuery能够禁用容器中的元素——这需要一个触发器。那么,什么事件将触发jQuery来禁用容器中的所有元素,以及它如何识别这样的容器呢?.desabilitado{pointer events:none;opacity:.2;}工作得很好,谢谢,欢迎!我很高兴听到我的回答有帮助