jquery - 使用 jQuery 创建模式面板

Question

我想弹出一个面板(如没有标题栏或调整大小的弹出窗口)，其中背景变暗。如果单击深色背景，面板将关闭。

是否有一些好的简单库可以像 jQuery UI 的对话框一样执行此操作？我很想使用 jQuery UI，但它们的模式对话框窗口有一个带有关闭按钮的标题栏，我无法轻松删除。

理想情况下，面板会在鼠标光标旁边弹出(如果太靠近浏览器边框，则适当移动)。

Answer 1

您还可以使用一些 CSS 删除 JQuery UI 的对话框标题栏(或仅删除关闭按钮):

/* Create dialogs without close button */
.ui-dialog-no-close-button .ui-dialog-titlebar-close {
    display: none;
}

/* Create dialogs without title bar */
.ui-dialog-no-titlebar .ui-dialog-titlebar {
    display: none;
}

然后将其添加到dialogClass属性中:

$("#dialogdiv").dialog({
    ...
    dialogClass: "ui-dialog-no-close-button",
    ...
});