복붙노트

[JQUERY] 형식 오류가 : $는 jQuery를 함수를 호출하는 기능하지 않습니다

JQUERY

형식 오류가 : $는 jQuery를 함수를 호출하는 기능하지 않습니다

해결법


  1. 1.기본적으로 당신은 당신이 jQuery를 사용해야합니다 워드 프레스에 jQuery를 대기열에, 및 $ (이 다른 라이브러리와의 호환성을 위해입니다)를 사용하지 않을 때.

    기본적으로 당신은 당신이 jQuery를 사용해야합니다 워드 프레스에 jQuery를 대기열에, 및 $ (이 다른 라이브러리와의 호환성을 위해입니다)를 사용하지 않을 때.

    기능에 포장의 솔루션은 잘 작동합니다, 또는 당신은 jQuery를 몇 가지 다른 방법을로드 할 수 있습니다 (하지만 아마 워드 프레스에 좋은 생각이 아니다).

    당신은 document.ready 사용해야하는 경우, 당신은 실제로 함수 호출에 $를 전달할 수 있습니다 :

    jQuery(function ($) { ...
    

  2. 2.이것은 문제를 해결한다 :

    이것은 문제를 해결한다 :

    jQuery(document).ready(function($){
      //you can now use $ as your jQuery object.
      var body = $( 'body' );
    });
    

    당신은 그들이 다른 라이브러리가 있도록하지에서 충돌은 $ VAR을 해제하기 전에 간단히 말해, 워드 프레스는 자신의 스크립트를 실행합니다. 이 블로그를 워드 프레스 웹 사이트, 앱의 모든 종류를 위해 사용되는, 총 의미가 있습니다, 물론.

    자신의 문서에서 :


  3. 3.이 솔루션은 나를 위해 일

    이 솔루션은 나를 위해 일

    ;(function($){
        // your code
    })(jQuery);
    

    폐쇄 내부 코드를 이동하고 $ 대신 jQuery를 사용

    나는 https://magento.stackexchange.com/questions/33348/uncaught-typeerror-undefined-is-not-a-function-when-using-a-jquery-plugin-in-ma 위의 해결책을 발견

    ... 너무 많이 검색 한 후


  4. 4.

    var $=jQuery.noConflict();
    
    $(document).ready(function(){
        // jQuery code is in here
    });
    

    Ashwani Panwar 및 Cyssoo 답변을 제공 : https://stackoverflow.com/a/29341144/3010027


  5. 5.이 같은 충돌 문제를 방지 할 수 있습니다

    이 같은 충돌 문제를 방지 할 수 있습니다

    var jq=jQuery.noConflict();
    jq(document).ready(function(){  
      alert("Hi this will not conflict now");
      jq('selector').show();
    });
    

  6. 6.이 시도:

    이 시도:

    <script language="JavaScript" type="text/javascript" src="jquery/jquery.js"></script>
    <script>
        jQuery.noConflict();
        (function ($) {
            function readyFn() {
                // Set your code here!!
            }
    
            $(document).ready(readyFn); 
        })(jQuery);
    
    </script>
    

  7. 7.당신은 기능에 $를 통과해야 ()

    당신은 기능에 $를 통과해야 ()

    <script>
    jQuery(document).ready(function($){
    
    // jQuery code is in here
    
    });
    </script>
    

  8. 8.jQuery로 $ 기호를 교체 이 같은 :

    jQuery로 $ 기호를 교체 이 같은 :

    jQuery(function(){
    //your code here
    });
    

  9. 9.더블은 jQuery를 참조를 확인하십시오. 당신이 두 번 이상을 참조하거나 (jQuery를 정의하기 전에) 당신이 너무 일찍 함수를 호출하는 것이 가능하다. 당신은 내 의견에 언급 된 시도하고 (머리에) 파일의 맨 위에있는 jQuery를 참조를 넣어 그 도움이되는지 확인할 수 있습니다.

    더블은 jQuery를 참조를 확인하십시오. 당신이 두 번 이상을 참조하거나 (jQuery를 정의하기 전에) 당신이 너무 일찍 함수를 호출하는 것이 가능하다. 당신은 내 의견에 언급 된 시도하고 (머리에) 파일의 맨 위에있는 jQuery를 참조를 넣어 그 도움이되는지 확인할 수 있습니다.

    당신이 jQuery를 캡슐화를 사용하는 경우는이 경우에 도움이 안된다. 내가 예뻐 더 분명하다 생각하기 때문에 그것을 시도하지만, jQuery를가 정의되지 않은 경우 당신은 같은 오류를 얻을 것이다하시기 바랍니다.

    결국 ... jQuery를 현재 정의되어 있지 않습니다.


  10. 10.또한, 나는 사용 jQuery를 noConflict 모드에 대한 좋은 해결책을 찾을 수 있습니다.

    또한, 나는 사용 jQuery를 noConflict 모드에 대한 좋은 해결책을 찾을 수 있습니다.

    (function($){
    
      $(document).ready(function(){
          // write code here
      });
    
      // or also you can write jquery code like this
    
      jQuery(document).ready(function(){
          // write code here
      });
    
    })(jQuery);
    

    여기에서이 솔루션을 발견했다. https://thecodingstuff.com/how-to-properly-use-jquery-noconflict-mode-in-wordpress/


  11. 11.사용하다

    사용하다

    jQuery(document).
    

    대신에

    $(document).
    

    또는

    당신이 예상하는대로 함수 내, jQuery를에 포인트를 $

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

  12. 12.

    (function( $ ) {
      "use strict";
    
      $(function() {
    
        //Your code here
    
      });
    
    }(jQuery));
    

  13. 13.어떤 날 위해 일했습니다. 수입의 첫 번째 라이브러리는 조회 라이브러리이며, 바로 다음 jQuery.noConflict () 메서드를 호출합니다.

    어떤 날 위해 일했습니다. 수입의 첫 번째 라이브러리는 조회 라이브러리이며, 바로 다음 jQuery.noConflict () 메서드를 호출합니다.

    <head>
     <script type="text/javascript" src="jquery.min.js"/>
     <script>
      var jq = jQuery.noConflict();
      jq(document).ready(function(){
      //.... your code here
        });
     </script>
    

  14. 14.

    <script>
    var jq=jQuery.noConflict();
    (function ($) 
        {
        function nameoffunction()
        {
            // Set your code here!!
        }
    
        $(document).ready(readyFn); 
        })(jQuery);
    

    지금 jQuery를 대신 JQ 사용


  15. 15.함수 이름과 파일의 id 이름 중 하나가 동일 할 때이 문제를 건너. 다만 반드시 파일의 모든 ID 이름이 고유합니다.

    함수 이름과 파일의 id 이름 중 하나가 동일 할 때이 문제를 건너. 다만 반드시 파일의 모든 ID 이름이 고유합니다.


  16. 16.당신이 사용할 수있는

    당신이 사용할 수있는

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

    또는

    (function ($) { ...... }(jQuery));
    
  17. from https://stackoverflow.com/questions/12343714/typeerror-is-not-a-function-when-calling-jquery-function by cc-by-sa and MIT license