복붙노트

[JQUERY] 형식 오류 : '정의되지 않은이'( ') $ (문서'를 평가) 함수 아니다

JQUERY

형식 오류 : '정의되지 않은이'( ') $ (문서'를 평가) 함수 아니다

해결법


  1. 1.워드 프레스는 기본적으로 noConflict 모드에서 jQuery를 사용합니다. 당신은하지 변수 이름으로 $, 예를 들어, jQuery를 사용하여 참조 할 필요가 사용하다

    워드 프레스는 기본적으로 noConflict 모드에서 jQuery를 사용합니다. 당신은하지 변수 이름으로 $, 예를 들어, jQuery를 사용하여 참조 할 필요가 사용하다

    jQuery(document);
    

    대신에

    $(document);
    

    그 $는, 예를 들어, 다시 jQuery를을 말한다 (뿐만 아니라 전역 네임 스페이스를 오염 방지), 그래서 당신은 쉽게 자기 실행 기능이을 마무리 할 수 ​​있습니다

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

  2. 2.jQuery의 noConflict를 사용합니다. 그것은 나를 위해 경이를했다

    jQuery의 noConflict를 사용합니다. 그것은 나를 위해 경이를했다

    var example=jQuery.noConflict();
    example(function(){
    example('div#rift_connect').click(function(){
        example('span#resultado').text("Hello, dude!");
        });
    });
    

    즉, 당신이 당신의 HTML에 jQuery를 포함 가정한다

    <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    

  3. 3.이 옵션을 사용합니다 :

    이 옵션을 사용합니다 :

    var $ =jQuery.noConflict();
    

  4. 4.이 조각을보십시오 :

    이 조각을보십시오 :

    jQuery(function($) {
      // Your code.
    })
    

    그것은 어쩌면 너무 당신을 도울 것입니다, 저를 위해 일했다.


  5. 5.난 단지 크롬에이 문제를 가지고 있었다.

    난 단지 크롬에이 문제를 가지고 있었다.

    나는 추가 시도

    var $ =jQuery.noConflict();
    

    바로 호출하기 전에

    $(document).ready(function () {
    

    그것은했다.

    감사합니다 많이합니다


  6. 6.또한 (jQuery를 UI와 같은) 일부 구성 요소 / 다른 라이브러리 다음 jQuery를 포함하고 accidentially 다시 jQuery를 포함하여 확인 -이 jQuery를 재정의하고 인스턴스 오프 (.datepicker 같은) 구성 요소 헬퍼 떨어질 것이다.

    또한 (jQuery를 UI와 같은) 일부 구성 요소 / 다른 라이브러리 다음 jQuery를 포함하고 accidentially 다시 jQuery를 포함하여 확인 -이 jQuery를 재정의하고 인스턴스 오프 (.datepicker 같은) 구성 요소 헬퍼 떨어질 것이다.


  7. 7.

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

    이 문제를 해결해야한다, 위의 폐쇄 내부에 JS 코드를 넣습니다.


  8. 8.나는 이것을 사용합니다

    나는 이것을 사용합니다

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

  9. 9.또한 이러한 문제를 웹 develoment 캐리어에 많은 시간을 직면했다. 사실이 아니 JS 충돌, 우리는 우리가 그러한 오류에 직면하지 브라우저,하지만 때 HTML 웹 사이트를로드 할 때 우리는 우리가 같은 문제에 직면 localhost를 통해 웹 사이트의이 유형을로드합니다. 그 때문에 로컬 호스트의입니다. 우리가 로컬 호스트를 통해 스크립트를로드 할 때이 스크립트를 검색하고 출력을 렌더링합니다. 그러나 우리는 localhost를 사용하지 않은 경우. 그냥 출력을 검사합니다. 우리는 PHP 코드는 호스트없이 로컬 호스트 및 실행을 putside 쓸 때 예, 우리는 오류가 발생합니다. 코드가 정확하고 호스트를 통해 실행할 경우 그러나 우리는 실제 출력을 얻을, 우리는 요소를 검사 사용할 때 우리는 HTML 형식으로 출력 코드를 얻을 수 있지만 PHP 형식이 때문에 코드의 렌더링이다.

    또한 이러한 문제를 웹 develoment 캐리어에 많은 시간을 직면했다. 사실이 아니 JS 충돌, 우리는 우리가 그러한 오류에 직면하지 브라우저,하지만 때 HTML 웹 사이트를로드 할 때 우리는 우리가 같은 문제에 직면 localhost를 통해 웹 사이트의이 유형을로드합니다. 그 때문에 로컬 호스트의입니다. 우리가 로컬 호스트를 통해 스크립트를로드 할 때이 스크립트를 검색하고 출력을 렌더링합니다. 그러나 우리는 localhost를 사용하지 않은 경우. 그냥 출력을 검사합니다. 우리는 PHP 코드는 호스트없이 로컬 호스트 및 실행을 putside 쓸 때 예, 우리는 오류가 발생합니다. 코드가 정확하고 호스트를 통해 실행할 경우 그러나 우리는 실제 출력을 얻을, 우리는 요소를 검사 사용할 때 우리는 HTML 형식으로 출력 코드를 얻을 수 있지만 PHP 형식이 때문에 코드의 렌더링이다.

    이 오류를 렌더링한다. 그래서이 방법을 사용 할 수있는 솔루션이 jQuery 코드 오류를 수정합니다.

    jQuery(document).ready(function($){
    /******** Body of Jquery Code*****/
    });
    

    어떤이 코드가하는 일은 jQuery를 적용하여 함수의 변수로 '$'를 등록 할 수 있습니다. 그렇지 기본적으로의 .js 파일은 자바 스크립트로 읽습니다.


  10. 10.하지 호스트가 이미 자동으로 페이지에 포함 된 실현, 내 페이지 헤더에 jQuery를 포함하면 나는 또한이 문제에 달렸다. 그래서 라이브 페이지를로드 jQuery를가 링크되고 있는지 확인하기 위해 소스를 확인합니다.

    하지 호스트가 이미 자동으로 페이지에 포함 된 실현, 내 페이지 헤더에 jQuery를 포함하면 나는 또한이 문제에 달렸다. 그래서 라이브 페이지를로드 jQuery를가 링크되고 있는지 확인하기 위해 소스를 확인합니다.


  11. 11.두가지:

    두가지:


  12. 12.이 사이의 모든 스크립트를 래핑 ...

    이 사이의 모든 스크립트를 래핑 ...

    <script>
        $.noConflict();
        jQuery( document ).ready(function( $ ) {
          // Code that uses jQuery's $ can follow here.
        });
    </script>
    

    많은 자바 스크립트 라이브러리는 jQuery를가하는 것처럼, 함수 또는 변수 이름으로 $를 사용합니다. 모든 기능은 $를 사용하지 않고 사용할 수 있도록 jQuery의 경우, $는 jQuery를 단지의 별칭입니다. 당신은 jQuery를, $ .noConflict에 대한 호출로 다른 라이브러리에 $ 다시 반환 제어 ()과 함께 또 다른 자바 스크립트 라이브러리를 사용해야하는 경우. $의 올드 참조는 jQuery를 초기화하는 동안 저장됩니다; noConflict ()는 단순히 복원합니다.


  13. 13.당신은 조각 아래에 jQuery를하고 $를 모두 사용할 수 있습니다. 그것은 나를 위해 일한

    당신은 조각 아래에 jQuery를하고 $를 모두 사용할 수 있습니다. 그것은 나를 위해 일한

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

  14. 14.당신은 () 함수에서 $를 전달할 수 있습니다

    당신은 () 함수에서 $를 전달할 수 있습니다

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

    또는 당신은 $ (문서)를 대체 할 수있다; 이 jQuery를 (문서)와;

    또는 당신이) (jQuery.noConflict을 사용할 수 있습니다

    var jq=jQuery.noConflict();
    jq(document).ready(function(){  
      jq('selector').show();
    });
    
  15. from https://stackoverflow.com/questions/7975093/typeerror-undefined-is-not-a-function-evaluating-document by cc-by-sa and MIT license