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

Question

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

• 一旦出现模态对话框，其中的链接就会自动聚焦，因此它周围有一个蓝色框（就像我关注的任何元素一样），但我不想要这种行为。 / LI>
• 此外，还有一个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也可以在创作过程中完成。

Answer 2

第二点，试试这个：

1-浏览您的jQuery-UI CSS文件并找到此类

.ui-dialog .ui-dialog-titlebar-close

2-修改此类，以便不显示“关闭”按钮，只需将其替换为以下内容：

.ui-dialog .ui-dialog-titlebar-close { disply:none; position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }

我刚刚添加了一个新属性（显示：无），以确保该按钮对最终用户不可见。

让我知道这是否有帮助，谢谢。