복붙노트

[JQUERY] JQuery와 자바 스크립트를 사용하여로드 된 경우 확인

JQUERY

JQuery와 자바 스크립트를 사용하여로드 된 경우 확인

해결법


  1. 1.글쎄, 당신은 jQuery를의 존재를 확인하기 위해 jQuery를 사용하고 있습니다. jQuery를 다음 $로드되지 않으면 ()에도 전혀 실행되지 않고 다른 라이브러리를 사용하고 그 라이브러리가 같은 $ () 구문을 공유 할 수 발생하지 않는 한 콜백은 실행되지 않습니다.

    글쎄, 당신은 jQuery를의 존재를 확인하기 위해 jQuery를 사용하고 있습니다. jQuery를 다음 $로드되지 않으면 ()에도 전혀 실행되지 않고 다른 라이브러리를 사용하고 그 라이브러리가 같은 $ () 구문을 공유 할 수 발생하지 않는 한 콜백은 실행되지 않습니다.

    (대신 창로드 같이 사용 무언가)) (.ready 당신의 $ (문서)를 제거합니다 :

    window.onload = function() {
        if (window.jQuery) {  
            // jQuery is loaded  
            alert("Yeah!");
        } else {
            // jQuery is not loaded
            alert("Doesn't Work");
        }
    }
    

  2. 2.이 링크를 따라 :

    이 링크를 따라 :

    if (typeof jQuery == 'undefined') {
        // jQuery IS NOT loaded, do stuff here.
    }
    

    몇 가지 더 같은 아니라 링크 의견이 있습니다,

    if (typeof jQuery == 'function') {...}
    
    //or
    
    if (typeof $== 'function') {...}
    
    // or
    
    if (jQuery) {
        alert("jquery is loaded");
    } else {
        alert("Not loaded");
    }
    

    좋은 가지 방법의 대부분이이 일을 수행하려면이 커버를 희망!


  3. 3.

    if ('undefined' == typeof window.jQuery) {
        // jQuery not present
    } else {
        // jQuery present
    }
    

  4. 4.웹 페이지를 검사 할 때 콘솔 탭에서이 빠르게 할 수 있습니다.

    웹 페이지를 검사 할 때 콘솔 탭에서이 빠르게 할 수 있습니다.

    예컨대 :

    $ === jQuery
    

    가 true를 돌려주는 경우는이 장전 의미한다.


  5. 5.실제로 문제를 해결할 수있는 그냥 작은 수정 :

    실제로 문제를 해결할 수있는 그냥 작은 수정 :

    window.onload = function() {
       if (window.jQuery) {  
           // jQuery is loaded  
           alert("Yeah!");
       } else {
        location.reload();
       }
    }
    

    대신 $ (문서) .Ready (() 함수 사용 위해 window.onload = 함수 ().


  6. 6.jQuery를 비동기 적으로로드되는 경우가 정의 될 때까지, 당신은 시간의 모든 기간을 확인 기다릴 수 :

    jQuery를 비동기 적으로로드되는 경우가 정의 될 때까지, 당신은 시간의 모든 기간을 확인 기다릴 수 :

    (function() {
        var a = setInterval( function() {
            if ( typeof window.jQuery === 'undefined' ) {
                return;
            }
            clearInterval( a );
    
            console.log( 'jQuery is loaded' ); // call your function with jQuery instead of this
        }, 500 );
    })();
    

    이 방법은 모든 변수에 사용할 수 있습니다, 당신은 표시 기다리고 있습니다.


  7. 7.다른 사용자가 제공 한 코드 중 하나를 사용하는 경우 당신이 당신의 창 아닌 경고 또는 CONSOLE.LOG에 메시지를 표시 할 경우, 당신이 사용하는 자바 스크립트가 아닌 JQuery와 확인하십시오.

    다른 사용자가 제공 한 코드 중 하나를 사용하는 경우 당신이 당신의 창 아닌 경고 또는 CONSOLE.LOG에 메시지를 표시 할 경우, 당신이 사용하는 자바 스크립트가 아닌 JQuery와 확인하십시오.

    사용 경고 또는 CONSOLE.LOG에 모든 사람의 희망

    alert('jquery is working');
    console.log('jquery is working');
    

    아래 코드는 메시지를 표시 할 수 없게됩니다 우리는 (화면에 메시지가 표시 당신이 JQuery와없는 경우 어떻게 지옥)에 다른 내부 jQuery를 사용하고 있기 때문에

    if ('undefined' == typeof window.jQuery) {
        $('#selector').appendTo('jquery is NOT working');
    } else {
        $('#selector').appendTo('jquery is working');
    }
    

    사용 자바 스크립트 대신

    if ('undefined' == typeof window.jQuery) {
        document.getElementById('selector').innerHTML = "jquery is NOT working";
    } else {
        document.getElementById('selector').innerHTML = "jquery is working";
    }
    

  8. 8.당신은 입력 할 수 있습니다 콘솔에서 window.jQuery. 이 함수 (예, N)을 반환하는 경우 ... 그런 다음 JQuery와로드 성공적으로 작동하고 있음을 확인할 수있다.

    당신은 입력 할 수 있습니다 콘솔에서 window.jQuery. 이 함수 (예, N)을 반환하는 경우 ... 그런 다음 JQuery와로드 성공적으로 작동하고 있음을 확인할 수있다.


  9. 9.빠른 방법은 개발자 콘솔에서 jQuery를 명령을 실행하는 것입니다. 어떤 브라우저 히트 F12에 요소에 액세스하려고합니다.

    빠른 방법은 개발자 콘솔에서 jQuery를 명령을 실행하는 것입니다. 어떤 브라우저 히트 F12에 요소에 액세스하려고합니다.

     $("#sideTab2").css("background-color", "yellow");
    

  10. from https://stackoverflow.com/questions/7341865/checking-if-jquery-is-loaded-using-javascript by cc-by-sa and MIT license