jquery - 在 jQuery 对话框中隐藏标题栏并显示关闭按钮

Question

我在 jQuery 对话框 中隐藏了标题栏，如下所示

$(".ui-dialog-titlebar").hide();

这也会隐藏Dialog中的关闭按钮。但我需要在 Dialog 上显示关闭按钮。

我该怎么做？

Answer 1

添加以下 CSS 将隐藏标题文本和样式，保留关闭按钮 - see demo .

.ui-dialog-title {
    display:none;
}

.ui-dialog-titlebar {
    background:transparent;
    border:none;
}

.ui-dialog .ui-dialog-titlebar-close {
    right:0;
}

但是，如果您想更改关闭按钮本身的样式(如您的其他问题中提到的 - Arrow in Bottom of jQuery Dialog )，那么我建议在显示 closeText 后提出另一个问题使用 jQuery 主题时仍然是一个问题 - 请参阅 jQuery UI Dialog - Cannot see the closeText