Javascript jQuery UI对话框没有标题栏,但保留关闭按钮
我想删除jQuery对话框的titelbar。但我想保持关闭(交叉)按钮在那里 我发现这个问题: 那里的答案解释了如何删除标题栏,但如果我这样做,它也会删除关闭按钮。也有其他链接,但它们都做同样的事情。他们只是隐藏了整个标题栏和关闭按钮Javascript jQuery UI对话框没有标题栏,但保留关闭按钮,javascript,jquery,jquery-ui,dialog,Javascript,Jquery,Jquery Ui,Dialog,我想删除jQuery对话框的titelbar。但我想保持关闭(交叉)按钮在那里 我发现这个问题: 那里的答案解释了如何删除标题栏,但如果我这样做,它也会删除关闭按钮。也有其他链接,但它们都做同样的事情。他们只是隐藏了整个标题栏和关闭按钮 是否有任何解决方案在保留关闭按钮的同时隐藏标题栏?使用此选项可以删除jQuery对话框的标题栏,而不是关闭按钮 $(function() { $( "#dialog" ).dialog(); $("#ui-dialog-title-dialo
是否有任何解决方案在保留关闭按钮的同时隐藏标题栏?使用此选项可以删除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"
});
这也行
$(function() {
$( "#dialog" ).dialog();
$(".ui-dialog-titlebar").removeClass('ui-widget-header');
});
您可以使用上述技术删除带有关闭图标的工具栏,然后自己添加一个关闭图标 CSS: HTML: //将此div附加到保存内容的div JS:
我认为最简单、最健壮的解决方案(这里的其他解决方案不适用于1.10.3,因为它们假设可能发生变化)是直接为它设置您期望它具有的CSS样式
$("#dialog .ui-dialog-titlebar").css({
"background-color" : "transparent",
"border" : "0px none"
});
我在这里尝试了其他建议更改
背景色
属性的解决方案,但没有任何帮助。我的解决方案是将背景
属性更改为透明
.ui对话框标题栏{
背景:透明;
边界:0无;
}
交叉按钮我想你指的是关闭按钮?我想你必须删除标题栏,然后将自己的关闭按钮添加到对话框的上角。是的,我指的是关闭按钮不再工作(jquery UI 1.10.3),没有类ui小部件标题
。这是一个答案,与@kamlesh.bar的更新相同,但是,它是css。它将对所有对话框进行更改。如果有人想这样做,那么它是好的。如果有人只想特定的对话框以这种方式运行,那么它是不好的。@Imdad这里的关键不是它是css。而是我更改了整个背景属性。编辑背景颜色在我的应用程序中不会产生预期的结果。
var closeDiv = document.createElement("div");
closeDiv.className = "CloseButton";
$(closeDiv).click(function () {
$("yourDialogContent").dialog('close');
});
$("#dialog .ui-dialog-titlebar").css({
"background-color" : "transparent",
"border" : "0px none"
});