在jquery对话框中显示关闭标题?

时间:2017-01-09 07:00:09

标签: javascript jquery jquery-ui-dialog

我的jquery对话框在十字图标位置显示为标题。我没有添加任何地方,但它在对话框加载时显示。如何摆脱它?

<div id="ConfirmdialogRoster" title="Confirmation!" style="display:none;" class="section_detail-font-14">
        Please confirm that you have completed your changes and want to submit your roster.
</div>

 $("#ConfirmdialogRoster").dialog({
        height: 200,
        width: 500,
        buttons: {
            "Save": {
                text: "Confirm",
                class: "btn btn-success",
                click: function() {
                    $(this).dialog("close");
                    $("#ActionProgress").show();
                    $('#btnSubmitValidation').removeClass('validationErrorShow').addClass('validationErrorHide');
                    //AJAX Call here                        
                    }
                },
            "Cancel": {
                text: "Cancel",
                class: "linkbutton",
                click: function () {
                    $(this).dialog("close");
                    $("#ActionProgress").hide();
                }
            }

        }
    }).prev(".ui-dialog-titlebar").css("background", "#21416b");

enter image description here

html查看

 <button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only 
ui-dialog-titlebar-close" title="Close"><span class="ui-button-icon ui-icon 
ui-icon-closethick"></span><span class="ui-button-icon-space"> </span>Close</button>

2 个答案:

答案 0 :(得分:0)

您可以通过添加以下CSS来实现此目的

button.ui-dialog-titlebar-close {
  display: none;
}

答案 1 :(得分:0)

button.ui-button.ui-dialog-titlebar-close {  display: none; }