[JQUERY] jQuery를 - 여러 $ (문서) .ready ...?

jQuery를 - 여러 $ (문서) .ready ...?

해결법

1. ---

   1.모든 실행과에 먼저 첫 번째 실행 기준 호출 얻을 것이다!

   모든 실행과에 먼저 첫 번째 실행 기준 호출 얻을 것이다!

   <div id="target"></div>
   
   <script>
     $(document).ready(function(){
       jQuery('#target').append('target edit 1<br>');
     });
     $(document).ready(function(){
       jQuery('#target').append('target edit 2<br>');
     });
     $(document).ready(function(){
       jQuery('#target').append('target edit 3<br>');
     });
   </script>
   

   데모로는 당신은 그들이 서로를 대체하지 않습니다 볼 수 있습니다

   또한 한 가지 내가 언급하고 싶습니다

   이 대신에

   $(document).ready(function(){});
   

   이 바로 가기를 사용할 수 있습니다

   jQuery(function(){
      //dom ready codes
   });
   

2. ---

   2.각 jQuery를 () 호출이 실제로 반환해야하는 것이 중요하다. 예외가 하나에서 발생하는 경우, 다음 (무관) 호출이 실행되지 않습니다.

   각 jQuery를 () 호출이 실제로 반환해야하는 것이 중요하다. 예외가 하나에서 발생하는 경우, 다음 (무관) 호출이 실행되지 않습니다.

   이것은 문법없이 적용된다. 당신은 jQuery를 (), jQuery를 (함수 () {}) (), 당신이 원하는대로, 동작은 동일, $ (문서) .ready입니다 사용할 수 있습니다. 초기 하나가 실패 할 경우, 다음 블록은 실행되지 않습니다.

   제 3 자 라이브러리를 사용할 때 나를 위해 문제였다. 하나의 라이브러리는 예외를 던지고, 이후 라이브러리는 아무것도를 초기화하지 않습니다.

3. ---

   3..ready $ (문서) (); 임의의 다른 기능과 동일하다. 이 문서가 준비되면 화재 - 즉,로드. 문제는 .ready 때 여러 $ (문서)를 어떻게되는지에 대해 ()의의가 .ready () 여러 $ (문서) 내에서 동일한 기능을 발사하지 않을 경우 해고 '입니다

   .ready $ (문서) (); 임의의 다른 기능과 동일하다. 이 문서가 준비되면 화재 - 즉,로드. 문제는 .ready 때 여러 $ (문서)를 어떻게되는지에 대해 ()의의가 .ready () 여러 $ (문서) 내에서 동일한 기능을 발사하지 않을 경우 해고 '입니다

   //this
   <div id="target"></div>
   
   $(document).ready(function(){
      jQuery('#target').append('target edit 1<br>');
   });
   $(document).ready(function(){
      jQuery('#target').append('target edit 2<br>');
   });
   $(document).ready(function(){
      jQuery('#target').append('target edit 3<br>');
   });
   
   //is the same as
   <div id="target"></div>
   
   $(document).ready(function(){
   
       jQuery('#target').append('target edit 1<br>');
   
       jQuery('#target').append('target edit 2<br>');
   
       jQuery('#target').append('target edit 3<br>');
   
   });
   

   모두 정확히 같은 동작합니다. 유일한 차이는 있지만, 전자는 동일한 결과를 달성한다는 것이다. 후자는 빠른 두 번째의 일부를 실행하고 덜 입력을 필요로합니다. :)

   단지 .ready (1) $ (문서)를 사용하여 지금까지 가능한 결론에;

   // 오래된 대답

   그들은 모두 순서대로 호출되는 것입니다. 가장 좋은 방법은 그들을 결합하는 것입니다. 하지만 그나마 걱정은 할 수 없습니다 경우. 페이지가 폭발하지 않습니다.

4. ---

   4.실행은 하향식 (top-down)이다. 먼저 구입하시는 분께 배송이 이루어집니다.

   실행은 하향식 (top-down)이다. 먼저 구입하시는 분께 배송이 이루어집니다.

   실행 순서가 중요하다면, 그들을 결합.

5. ---

   5.모두 선착순, 전화를받을 것입니다. 여기를보세요.

   모두 선착순, 전화를받을 것입니다. 여기를보세요.

   $(document).ready(function(){
       $("#page-title").html("Document-ready was called!");
     });
   
   $(document).ready(function(){
       $("#page-title").html("Document-ready 2 was called!");
     });
   

   산출:

6. ---

   6.아니 스레드를 네크로하지만, jQuery를 최신 버전에서 제안 된 구문은합니다 :

   아니 스레드를 네크로하지만, jQuery를 최신 버전에서 제안 된 구문은합니다 :

   $( handler )
   

   익명 함수를 사용하면, 이것은 다음과 같을 것이다

   $(function() { ... insert code here ... });
   

   이 링크를 참조하십시오 :

   https://api.jquery.com/ready/

from https://stackoverflow.com/questions/5263385/jquery-multiple-document-ready by cc-by-sa and MIT license