关闭按钮X未删除

Question

我正在使用jqueryui对话框，我想隐藏顶部的X按钮。

我尝试了下面的代码，但它没有用。

  

$（'.ui-dialog-titlebar-close'）。remove（）;

我的JS：

 $(function () {
        $("#dialog").dialog({
            closeOnEscape: false,
            ...
    });

HTML：

<div id="dialog" title="Confirmation Message" class="dialogboxstart">
    <fieldset>
        <div class="dialogRow">
            <span class="dialogHeading" id="confirmMsg"></span>
        </div>
    </fieldset>
</div>

Answer 1

尝试在对话框的open功能中执行此操作。

JS：

    $(function () {        
        $("#dialog").dialog({
            open: function () {
                $('.ui-dialog-titlebar-close').remove(); //Remove here.
            }
        });
    });

演示：http://jsfiddle.net/lotusgodkk/GCu2D/459/

Answer 2

你可能需要这个

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

Answer 3

使用文档中的remove.ready。

$(document).ready(function(){
$( '.ui-dialog-titlebar-close').remove();
});

Here是小提琴。