使用jQuery 1.9.0

Question

的jQuery UI的對話框我用我的網頁上的jQuery對話框。之後我升級從1.8 jQuery的版本到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太，要公平）