尝试创建一个没有关闭选项的jQuery UI模式对话框

Question

我有一个模态对话框出现在一个页面上,该对话框不应该被访问但仍应从模态对话框的外部看到.除了两个问题外,我的一切都很完美:

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

有帮助吗？

Answer 1

要防止jQuery UI对话框被关闭:

1. 将选项设置closeOnEscape为false:

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

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

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

3. 注册一个NOOP beforeclose处理程序:

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

#1并且#3还可以创建过程中完成的,当然.