jquery - 带有 jQ​​uery 1.9.0 的 jQuery-UI 对话框

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 中）