jquery 대화 상자에서 자바 스크립트가 두 번 이상 실행됩니다.

Question

"jquery 대화 상자"에서 자바 스크립트 코드를 사용하려고하는데 내 코드가 두 번 이상 실행됩니다.

간단한 예 ..

<div id='dialog'> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      console.log('inside'); 
     }); 
    </script> 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     console.log('Dialog init'); 
     $('#dialog').dialog(); 
    }) 
</script> 

그리고 내 출력은 다음과 같습니다

내부의 대화는 다음 의미가

Answer 1

잘 내부

init을 ...

jQuery는 아마도 #dialog의 내용을 어딘가에서 찾아 내고 코드가 다시 실행됩니다.

#dialog 상자에 JS가있는 이유는 무엇입니까? XHR이로드되어 있습니까? 그렇지 않은 경우 : domready 코드의 나머지 부분으로 이동하십시오.

대화 상자가 표시 될 때 이벤트를 트리거 하시겠습니까? 대화에 코드가있는 이유는 무엇입니까? 오픈 이벤트 원인을 사용

<div id='dialog'></div> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     console.log('Dialog init'); 
     $('#dialog').dialog({ 
      open: function() { 
       console.log('inside'); 
      } 
     }); 
    }) 
</script> 

: http://jqueryui.com/demos/dialog/#events

Answer 2

어쩌면 이것이 당신이 다음을 수행

<div id='dialog'></div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     console.log('Dialog init'); 
     $('#dialog').dialog(); 
    }) 

    $("#dialog").dialog({ 
     open: function() { 
       console.log('inside'); 
      } 
    });  
</script> 

Answer 3

을 :)하십시오 cmiiw, 원하는 것입니다 : 그렇다면, 그것을위한 이벤트 API 엉이 대화 상자가 열려있을 때 실행하고 문서가 준비되었을 때 실행할 코드가 아닙니다.

http://jqueryui.com/demos/dialog/#event-open