Диалог jQuery-UI с jQuery 1.9.0

Question

Я использую диалог jQuery на своих страницах. После того как я обновил версию jQuery с 1,8 до 1,9, мой диалог div отображается на странице, прежде чем я нажму кнопку, чтобы открыть страницу диалога.

Когда я использовал jq 1.8, код ниже работал, и #form был невидимым, пока я не нажал button. Теперь я обновился до jq1.9 #form можно увидеть на странице. Любая идея, почему и как я могу это решить?

$(document).on('click', '.button', function(){ 
    $("#form").dialog("open"); 
}); 

<div id="form" title="Create new"> 
    <form> 
    <label for="name">Name</label> 
    <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" /> 
    </form> 
</div> 

Answer 1

Обновление ваши JS следующим образом:

$("#form").dialog({ autoOpen: false }); 

$(document).on('click', '.button', function(){ 
    $("#form").dialog("open"); 
}); 

autoOpen является true по умолчанию (это было в 1.8 тоже, чтобы быть справедливым)