如何让jquery-ui-dialog没有关闭按钮？

发布于 2025-01-01 11:38:56 字数 179 浏览 1 评论 0原文

我在文档中没有找到这个。

我应该使用 css 制作关闭按钮 display:none ，还是 API 中有一种干净的方法来制作没有 X 按钮（右上角）的对话框？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

知足的幸福 2025-01-08 11:38:56

这可能会解决您的问题：

       $("#dialogId").dialog({
           closeOnEscape: false,
           open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).hide(); }
       });

This may solve your Problem:

       $("#dialogId").dialog({
           closeOnEscape: false,
           open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).hide(); }
       });

回复收藏 0 原文

笑，眼淚并存 2025-01-08 11:38:56

没有选项可以禁用“X”按钮。您需要添加 css 以在加载和打开时显示 none/hide() 类为“ui-icon-closethick”的元素。

回复收藏 0 原文

回忆追雨的时光 2025-01-08 11:38:56

由于某种原因 .hide() 对我不起作用。这样做了：

$('#divMsg').dialog({ title: 'Please wait...',
                      modal: true,
                      closeOnEscape: false,
                      open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).css('display', 'none'); } }).text('Text To Display').css('background', 'white');

此代码片段还显示了如何设置对话框的标题和文本——我将其用作模式通知窗口，并在 AJAX 调用完成时关闭它。

For some reason .hide() did not work for me. This did:

$('#divMsg').dialog({ title: 'Please wait...',
                      modal: true,
                      closeOnEscape: false,
                      open: function (event, ui) { $(".ui-dialog-titlebar-close", ui.dialog).css('display', 'none'); } }).text('Text To Display').css('background', 'white');

This code snippet also shows how to set the title and text of the dialog box -- I am using it as a modal notification window and closing it when my AJAX call completes.

回复收藏 0 原文

~没有更多了~