Question

在demo中，叠加层正确显示，叠加层下方的所有元素均已停用：

<div class="ui-widget-overlay" style="width: 1920px; height: 650px; z-index: 1001;"></div>

但是，当我在页面中使用代码时，我仍然可以访问叠加层下面的其他控件。有关如何修复的任何想法？我一直在查看文档，并没有看到有关叠加层实现的内容。

我的代码：

$("<div title='" + title + "'><div class='ui-state-error ui-corner-all'><p><span class='ui-icon ui-icon-alert'></span><strong>Error: </strong>" + message + "</p></div></div>").dialog({
        resizable: false,
        modal: true,
        draggable: false
    });

Answer 1

您可以将对话框上的z索引设置为较大的数字来解决此问题：

$("<div title='" + title + "'><div class='ui-state-error ui-corner-all'><p><span class='ui-icon ui-icon-alert'></span><strong>Error: </strong>" + message + "</p></div></div>").dialog({
    resizable: false,
    modal: true,
    zIndex: 100000,
    draggable: false
});

如何让jquery ui模式对话框显示叠加层？

1 个答案: