尝试创建没有关闭选项的jQuery UI模式对话框 [英] Trying to create a jQuery UI modal dialog without a close option

问题描述

我有一个模式对话框，该对话框出现在页面上，该页面不应被访问，但仍应从模式对话框的外部看到.除了两个问题外，我一切都工作正常:

I have a modal dialog that appears over a page that shouldn't be accessed but should still be seen from outside of the modal dialog. I have everything working perfectly except for two problems:

• 出现模态对话框后，其中的链接会自动聚焦，因此它周围会有一个蓝色框(就像我所关注的任何元素一样)，但我不希望这种行为.
• 此外，还有一个X按钮允许用户关闭对话框，而我想摆脱它.

有帮助吗?

推荐答案

要防止jQuery UI对话框关闭:

To prevent a jQuery UI dialog from ever being closed:

1. 将选项closeOnEscape设置为false:

$(dlg).dialog('option', 'closeOnEscape', false);

创建后立即删除其关闭按钮:

remove its close button just after creation:

$(dlg).parent().find('a.ui-dialog-titlebar-close').remove();

注册NOOP beforeclose处理程序:

register a NOOP beforeclose handler:

$(dlg).bind('dialogbeforeclose', false);

#1和#3当然也可以在创建过程中完成.

#1 and #3 can also be done during creation, of course.

这篇关于尝试创建没有关闭选项的jQuery UI模式对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！