Закрыть кнопку 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

Используйте Снимать в document.ready.

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

Here - это скрипка.