2013-08-23 6 views
0

jquery-ui에 문제가 있습니다.jquery 대화 열기 열기 이벤트 두 번

클릭 이벤트를 바인딩하여 대화 상자를 바인딩하지만 대화 상자의 열기 기능이 두 번 발생합니다.

click 이벤트는 한 번 발사 열립니다에만 open 함수 두 개의 대화

이 내 코드입니다 :

<li> 
    <label >Imagen de perfil:(Click en la Imagen Para Agregar):</label> 
    <div class="imagen_perfil"> 
     <img src="~/images/imagen_pordefecto.png"/> 
    </div> 
</li> 
:이 클릭 이벤트를 발생되는 HTML은

<div id="modalWindow">Cargando...</div> 
    <script> 
     $(document).ready(function() { 
      var ventana = $("DIV#modalWindow"); 
      ventana.dialog({ 
       autoOpen: false, 
       show: "slow", 
       hide: "slow", 
       width: 500, 
       resizable: false, 
       draggable: false, 
       modal: true, 
       closeOnEscape: true, 
       Ok: function() { $(this).dialog("close").html("Cargando..."); }, 
       close: function() { $(this).html("Cargando..."); } 
      }); 

      $("DIV.imagen_perfil img").click(function (evt) { 
       //...some code 
        ventana.dialog({ 
         title: "Subir Imagen", 
         open: function (event, ui) { 
          //...loads PartialView 
         } 
        }); 
       ventana.dialog("open"); 
      }); 

     }); 
     </script> 

답변

3

클릭에서 dialog 함수를 다시 호출하기 때문에 (첫 번째 open 호출을 발생시키고, 두 번째 호출은 0123에 대한 실제 호출이기 때문입니다.) 이 문제를 해결 대화 기능을 ommit 수 있다면 당신이 정말로 대화 상자에 대한 정보를 변경해야하는 경우은), 대신 아니, 난

ventana.dialog("option", { title: 'New Title',open:function(){...} }); 
+0

를) 다시 dialog를 호출합니다 (option 방법을 사용한다 이 시도하고 작동하지 않으면 문제가 지속됩니다. –

관련 문제