Question

我想删除 jQuery 对话框的 titelbar 。但我要保持关闭( 交叉) 按钮。

我发现了这个问题:

答案解释如何删除标题栏, 但如果我这样做, 它也会删除关闭按钮。其它链接也存在, 但它们都相同。它们只是隐藏整个标题栏和关闭按钮。

Is there any solution that hides the title bar while keeping the close button?

Answer 1

使用此按钮可以删除 jQuery 对话框的 titelbar, 而不是关闭按钮

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

新版jquery 界面 & gt; 1. 10. 3

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

Answer 2

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

Answer 3

您可以使用上面描述的技术查询, 以近端图标删除栏, 然后自己添加一个近端图标。

CSS :

.CloseButton {
background: url( ../icons/close-button.png );   
width:15px;
height:15px;
border: 0px solid white;
top:0;
right:0;
position:absolute;
cursor: pointer;
z-index:999;
}

HTML :

var closeDiv = document.createElement("div");
closeDiv.className = "CloseButton";

/ 将此第(div)段附加到包含您内容的第(div)段

联署材料:

 $(closeDiv).click(function () {
         $("yourDialogContent").dialog( close );
     });

Answer 4

我认为最简单、最强的解决方案(这里的其他解决方案无法为1. 10.3所用,

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

Answer 5

我在这里尝试了其他解决方案,建议更改 backbackbround-color 属性,但这没有帮助。对于我来说,解决方案是将 background 属性改为透明。

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

Is there any solution that hides the title bar while keeping the close button?

友情链接