jQuery blockUI：被阻止的元素＆＃34;显示通过＆＃34;另一个对话

Question

我有一个页面，我使用blockUI来阻止某些元素。当用户单击页面上的按钮时，会出现一个对话框，但底层页面上的块是＆＃34;显示通过＆＃34;在对话框上。我已经尝试过使用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();
}