jQueryUI가로드되었는지 테스트

129

웹 사이트를 디버깅하려고하는데 jQueryUI가 제대로로드되지 않았다고 생각합니다. jQueryUI가로드되었는지 어떻게 테스트 할 수 있습니까?

javascript jquery-ui

— waiwai933
소스

243

if (jQuery.ui) {
  // UI loaded
}

또는

if (typeof jQuery.ui != 'undefined') {
  // UI loaded
}

트릭을해야합니다

— 크리스 맥
소스

2

내 문제는 jQuery와 jQuery.ui를 동적으로로드한다는 것입니다. 때로는 시간이 걸리고 때로는 그렇지 않습니다. ui 가로 드되지 않은 경우 메소드를 호출하기 전에 어떻게 기다릴 수 있습니까?

— Gabriel Diaconescu

17

하지 않도록이 많이 차이 만들지 만, JQuery와에 대한 상용구의 시험으로 가고, 그들이 사용하는 경우 window.jQuery테스트 사용 jQuery를 UI I 위해 이렇게window.jQuery.ui

— 팀 B 제임스

이것은 나를 위해 작동하지 않습니다. 누군가이 jsfiddle을보고 내가 뭔가 잘못하고 있는지 알려주십시오. jsfiddle.net/vEvYv/1 jQuery를로드하지 않기 때문에 if 문의 else가 실행될 것으로 예상합니다. 첫 번째 줄에서는 실패합니다. 브라우저 콘솔을 연 상태에서 페이지를 실행하고 (FF를 사용하는 경우)jQuery is not defined

— Dave Haigh

2

@DaveHaigh-JQuery를로드하지 않았습니다. JQuery UI는 JQuery에 의존합니다.

— Chris Haines

16

jQuery UI 라이브러리 파일과 CSS 테마 가 모두로드 되는지 확인해야합니다 .

jQuery UI는 jQuery 객체에 속성을 생성합니다.

jQuery.ui
jQuery.ui.version

필요한 CSS 파일이로드되었는지 확인하려면 Firebug 를 사용 하고 CSS 탭에서 테마 파일을 찾아 보는 것이 좋습니다 .

사용자가 jQuery UI 라이브러리를 올바르게로드하지만 CSS 테마가 누락 된 경우 이전에 문제가 발생했습니다.

— CMS
소스

특정 기능이로드되어 있는지 확인하려면 다음과 같이 확인하십시오 (예 : 툴팁) ........................ if( typeof jQuery().tooltip != "undefined" )

— jave.web

7

나는 이것이 오래된 질문이라는 것을 알고 있지만 jQuery UI 가로 드 된 후에 만 실행되도록하기 위해 관련 이벤트가없는 모든 jQuery UI 항목을 래핑하는 데 사용할 수있는 간단한 작은 스크립트가 있습니다.

function checkJqueryUI() {
    if (typeof jQuery.ui != 'undefined') {
        do_jqueryui();
    }
    else {
        window.setTimeout( checkJqueryUI, 50 );
    }
}
// Put all your jQuery UI stuff in this function
function do_jqueryui() {
    // Example:
    $( "#yourId" ).dialog();
}
checkJqueryUI();

— 마이크
소스

3

ui 객체를 테스트하십시오.

<script src="jquery.js"></script>
<script src="jquery-ui.js"></script>
<script>
  $(function(){
    // did the UI load?
    console.log(jQuery.ui);
  });
</script>

— bdl
소스

1

다음과 같은 여러 가지 방법으로 jQuery UI가로드되었는지 여부를 확인할 수 있습니다.

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

또는

if (typeof jQuery.ui != 'function') {
    // jQuery UI IS NOT loaded, do stuff here.
}

또는

if (jQuery.ui) {
    // This will throw an error in STRICT MODE if jQuery UI is not loaded, so don't use if using strict mode
    alert("jquery UI is loaded");
} else {
    alert("Not loaded");
}

— 투 샤르 슈 클라
소스