2

我在 jQuery Dialog下面隐藏了标题栏

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

这也隐藏了关闭按钮Dialog。但我需要显示关闭按钮Dialog。

我怎样才能做到这一点 ？

4

5 回答 5

7

添加以下 CSS 将隐藏标题文本和样式，将关闭按钮留在原处 -请参阅演示。

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

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

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

但是，如果您想更改关闭按钮本身的样式（如您在另一个问题中提到的 - jQuery 对话框底部的箭头），那么我建议再问一个问题，因为在使用 jQuery 主题时显示仍然是一个问题 -closeText请参阅jQuery UI 对话框 - 看不到 closeText

于 2013-07-16T10:55:47.687 回答
0

尝试显示ui-dialog-titlebar-close类dialog

$(".ui-dialog-titlebar-close").show();

和css（我在做什么）

body .ui-dialog-titlebar-close{
   visibility=visible;
}
于 2013-07-16T09:14:02.803 回答
0

这对我有用：

（假设您的关闭按钮的 ID 为 #close）

$(".ui-dialog-titlebar : not(#close)").hide();
于 2013-07-16T09:17:59.930 回答
0

试试这个：

    $(".ui-dialog-titlebar").css('visibility','hidden');
    $(".ui-dialog-titlebar-close").css('visibility','visible');

看演示

于 2013-07-16T11:24:47.583 回答
0

将高度设置为 0 怎么样？似乎可以满足我的需要。

.ui-dialog-titlebar {
  height: 0;
}
于 2015-11-02T15:49:25.360 回答