如何删除jQuery-ui对话框标题栏？

Question

我试图隐藏jQuery-ui对话框的标题栏,但保持标题栏中的关闭按钮可见.我已经搜索了很多计算器后像这样的.在每个帖子中,标题栏都被隐藏,但是酒吧占据的空间仍在那里.我想删除该空格但不删除关闭按钮.

我怎样才能做到这一点？

Answer 1

根据这个答案:

使用.dialog("widget")选项找到对话框的div包装器.包装器包含用于对话框的所有标记,包括标题,标题栏和关闭按钮; 和对话框内容本身.以下是调用方法并隐藏标题栏的一种方法:

$("#id").dialog({
    autoOpen: false
}).dialog("widget").find(".ui-dialog-title").hide();?

然后,您可以使用CSS来消除不必要的边距,边框和填充.例如:

.ui-dialog-titlebar {
    float: right;
    border: 0;
    padding: 0;
}
.ui-dialog-titlebar-close {
    top: 0;
    right: 0;
    margin: 0;
    z-index: 999;
}

这是一个基于上面代码的演示,另外它使用jQuery添加了必要的样式.