jQuery blockUI：另一个对话框"show through"被阻止的元素

Question

我有一个页面，我使用blockUI来阻止一些元素。 当用户单击页面上的按钮时，将显示一个对话框，但基础页面上的块在对话框中"显示"。 我尝试使用 z-index，如下所示，但这不起作用。 如何阻止块出现在对话框中？

---

function showDialog() {
        $("#imageGallery-modal").dialog({
            width: 1200,
            height: 600,
            modal: true,
            resizable: false,
            zindex: 900000,
            show: 'clip'
        });
}

Answer 1

我删除了 z-index，在打开对话框之前阻止了页面，并在对话框关闭后取消阻止了页面。

function showDialog() {
        $.blockUI();
        $("#imageGallery-modal").dialog({
            width: 1200,
            height: 600,
            modal: true,
            resizable: false,
            show: 'clip'
        });
        $.unblockUI();
}