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

待ちは準備ができて。

その初期化後div..theダイアログがすべてを隠しての世話をしますaddLocationからdisplay:none CSSを削除... $(document).ready()または$()ブロック

Answer 2

1 - $(document).ready() { ... });に.dialog()初期化を入れてください。

2 - ボタンの値の後から余分なコンマを削除します。DOMのための

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

Answer 3

しようとする別のものに

をご.dialog()コードをスティックon document.ready