如何掩盖一个div，并使其所有的孩子不可编辑

我正在预览部分，其中所有呈现的表单字段将显示在这个div下，但唯一的例外是，他们将50％不透明，也他们将是可编辑的。如何掩盖一个div，并使其所有的孩子不可编辑

我试图让所有字段innerhtml，然后显示在这个新的div相同。显示后我已禁用其可见性。但它仍然不起作用。

有人可以帮忙吗？我认为这是一个非常标准的要求。在JQuery中找到一个解决方案，我们可以在模态屏幕中获取预览图像。我想在文档中显示预览，因此选择另一个div，其内容为所有表单元素的innerhtml。

2012-02-14 Sridhar V

把一些代码，如果U尝试一些事情 – mgraph 2012-02-14 12:30:11

$("#targetDiv").html($("#originalDiv").html()).fadeTo(0, 0.5).find("select,input,textarea").attr('disabled',true);或类似的。

来源

2012-02-14 12:38:26

它的工作。谢谢。 – 2012-02-14 13:30:39

你可以覆盖一个div。

(function($){ 
    $.fn.overlayMask = function (action) { 
    var mask = this.find('.overlay-mask'); 

    // Create the required mask 

    if (!mask.length) { 
     this.css({ 
     position: 'relative' 
     }); 
     mask = $('<div class="overlay-mask"></div>'); 
     mask.css({ 
     position: 'absolute', 
     width: '100%', 
     height: '100%', 
     top: '0px', 
     left: '0px', 
     zIndex: 100 
     }).appendTo(this); 
    } 

    // Act based on params 

    if (!action || action === 'show') { 
     mask.show(); 
    } else if (action === 'hide') { 
     mask.hide(); 
    } 

    return this; 
    }; 
})(jQuery)

然后......

$('#my-div-to-mask').overlayMask();

如果你想删除它

$('#my-div-to-mask').overlayMask('hide');

来源

2012-02-14 12:42:59

如何掩盖一个div，并使其所有的孩子不可编辑

回答

相关问题