代码之家  ›  专栏  ›  技术社区  ›  Alex KeySmith

删除jQueryUI对话框小部件上的关闭按钮的最佳方法?

  •  21
  • Alex KeySmith  · 技术社区  · 15 年前

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

    我从代码的角度来处理:

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

    我尽量不需要编写脚本来绘制关闭按钮的类/id,然后手动隐藏它。我也不想手动更改CSS,因为对话框可能有需要关闭按钮的情况。

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

    2 回复  |  直到 12 年前
        1
  •  57
  •   bishop    11 年前

    我发现这是个好办法

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

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

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

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

        2
  •  2
  •   Chiragkumar Thakar Sam    11 年前

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

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