javascript - 没有标题栏但保留关闭按钮的 jQuery UI 对话框

Question

我想删除 jQuery 对话框的标题栏。但我想将关闭(十字)按钮保留在那里。

我发现了这个问题:

jquery UI dialog: how to initialize without a title bar?

那里的答案解释了如何删除标题栏，但如果我这样做，它也会删除关闭按钮。还有其他链接，但它们都做同样的事情。他们只是隐藏了整个标题栏和关闭按钮。

有什么解决方案可以隐藏标题栏，同时保留关闭按钮吗？

Answer 1

使用它来删除 jQuery 对话框的标题栏而不是关闭按钮

 $(function() {
    $( "#dialog" ).dialog();
    $("#ui-dialog-title-dialog").hide();
    $(".ui-dialog-titlebar").removeClass('ui-widget-header');
 });

对于更新版本的 jquery UI > 1.10.3

$("#dialog .ui-dialog-titlebar").css({ 
     "background-color" : "transparent", 
     "border" : "0px none" 
});