jQuery를 대화 제대로

Question

작동하지 I가 다음 스크립트 :

<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