Question

我正在使用插件simple modal在我的网站中显示弹出窗口。我需要禁用弹出窗口中显示的叠加层。有任何解决方法吗？任何帮助将不胜感激

Answer 1

在你的CSS中添加这个。它会隐藏叠加层

#simplemodal-overlay{
   display: none !important;
}

要确保您的网站中的所有简单模式都可以overlayId添加simplemodal-overlay。像

$("#element-id").modal({
    overlayId : 'simplemodal-overlay'
});

然后，叠加层的ID始终为simplemodal-overlay，上述css将适用于所有人。

Answer 2

编辑：

// Change overlay color and opacity
$("#sample").modal({
opacity:0,
overlayCss: {backgroundColor:"#fff"}
});

摘自： http://www.ericmmartin.com/projects/simplemodal/

OR

参见演示： http://jsfiddle.net/rathoreahsan/CzPQG/

$('#basic-modal .basic').click(function (e) {
    $('#basic-modal-content').modal();        
    $('#simplemodal-overlay').css('display','none'); /* Overlay Div's display = none */
    return false;
});

参见演示： http://jsfiddle.net/rathoreahsan/Q2LHW/

Answer 3

尝试 -

$('#simplemodal-overlay').hide();

Answer 4

禁用叠加将无法使用模态窗口/对话框。无论如何，您可以将不透明度选项设置为0。

如何禁用jQuery简单模态弹出插件的叠加？

4 个答案: