jQuery UI 대화 상자가 한 번만 표시됩니다.

Question

asp.net 및 jQuery로 응용 프로그램을 개발하고 있는데 이상한 문제가 있습니다. 대화 상자를 표시하는 div와 대화 상자를 표시하는 버튼이 있습니다. 대화 상자를 호출하면 올바르게 표시되지만 닫기는되지만 배경 회색은 표시되지만 대화 상자는 표시되지 않습니다 (IE에서만 Firefox에서만 작동합니다). 이 문제를 해결할 수있는 방법이 있습니까? 아니면 내가 잘못한 일을하고있을 수도 있습니다.

<div id="divAuto"> 
.... 
</div> 

<button id="openAuto">SHOW</button> 

그리고 여기에는 JS이다 : 나는 대화 상자에서 asp.net 버튼을 사용하고 있기 때문에 나는 "appenTo"를 사용하고

$(document).ready(function() { 
     var dlg = $('#divAuto').dialog({ autoOpen: false, modal: true, show: "fold", hide: "drop", width: "500", height: "370" }); 
     dlg.parent().appendTo(jQuery("form:first")); 

     $('#openAuto').click(function() { 
      $("#divAuto").dialog("open"); 
      return false; 
     }); 
    }); 

그리고 버튼이 작동하도록하기 위해 "수정"입니다 .

미리 도움을 청하십시오. Ariel

Answer 1

대신에 click 이벤트에서 대화 상자를 시작하십시오.

$("#divAuto").parent().appendTo($("form:first")); 
$("#openAuto").click(function() { 
      $("#divAuto").dialog({ 
       width: "500", 
       height: "370", 
       modal: true, 
       close: function(event, ui) { 
         $(this).dialog("destroy"); 
       } 
      }); 
});