jQuery的對話框不能正常工作

Question

我有以下腳本：

<script type="text/javascript"> 
$("#addLocation").dialog({ 
      autoOpen: false, 
     modal: true, 
     height: 700, 
     width: 550, 
     buttons: { 
      "Add Location": function() { 
       document.forms["mapform"].submit(); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     }, 
}); 
</script> 

<script type="text/javascript"> 
function showLocationDialog() { 
    $("#addLocation").dialog("open"); 
} 
</script> 

<div id="addLocation" style="display:none;"> 
<form action="" method="post" name="mapform"> 
<input type="text" name="name" /> 
<input type="submit" /> 
</form> 
</div> 

<button onclick="javascript:showLocationDialog();">Add an address</button> 

的按鈕不會打開對話框，我不明白爲什麼..任何人都可以幫助？

感謝，

Answer 1

等待DOM做好準備。

把你.dialog()代碼在$(document).ready()或$()塊

Answer 2

1 - 將.dialog()初始化成$(document).ready() { ... });。

2 - 從按鍵值後刪除多餘的逗號：

buttons: { 
      "Add Location": function() { 
       document.forms["mapform"].submit(); 
      }, 
      Cancel: function() { 
       $(this).dialog("close"); 
      } 
     }, <-- remove this, causes IE to spontaneously combust 

Answer 3

另一件事嘗試...

請從addLocation的display:none CSS div..the對話框將隱藏所有事情一旦其初始化on document.ready