【问题标题】:Best way to remove the close button on jQuery UI dialog box widget?删除 jQuery UI 对话框小部件上的关闭按钮的最佳方法?
【发布时间】:2011-04-03 18:21:49
【问题描述】:

删除 jQuery UI 对话框上的关闭按钮的最佳方法是什么?

我不希望人们能够关闭对话框。

我在代码角度通过处理来覆盖它:

closeOnEscape: false,
beforeclose: function (event, ui) { return false; }

我试图不需要编写脚本来获取关闭按钮的类/ID,然后手动隐藏它。而且我也不想手动更改 CSS,因为对话框可能会出现需要关闭按钮的情况。

我更愿意以某种方式进行对话框配置,但要么我不知道该怎么做,要么对话框根本不允许这样做。

关于如何配置对话框有什么建议吗?

【问题讨论】:

标签: jquery jquery-ui button


【解决方案1】:

我发现这是一个很好的解决方案

$("#myDialogID").dialog({
    closeOnEscape: false,
    beforeClose: function (event, ui) { return false; },
    dialogClass: "noclose"
});

不更改现有样式,而是添加新样式:

.noclose .ui-dialog-titlebar-close
{
    display:none;
}

添加类最终成为一种非常优雅的方法,因为我将对话框“分类”为无法关闭的对话框。

【讨论】:

  • 这是一个非常优雅的解决方案。非常感谢!
  • 很好的编辑@bishop,在写这篇文章的时候,“beforeclose”仍然在过去的日子里流传:-) github.com/jquery/jquery-ui/commit/…
【解决方案2】:

我找到了另一个解决方案,对我有用:

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

【讨论】:

    猜你喜欢
    • 2010-10-28
    • 1970-01-01
    • 1970-01-01
    • 2016-04-13
    • 2013-03-22
    • 1970-01-01
    • 2015-05-23
    • 1970-01-01
    • 2014-08-02
    相关资源
    最近更新 更多