jQueryUIがロードされたかどうかのテスト

Webサイトをデバッグしようとしていますが、jQueryUIが正しく読み込まれていない可能性があります。jQueryUIがロードされているかどうかをテストするにはどうすればよいですか？

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

または

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

トリックを行う必要があります

jQuery UI LibraryファイルとCSSテーマの両方がロードされているかどうかを確認する必要があります。

jQuery UIはjQueryオブジェクトにプロパティを作成します。次のことを確認できます。

jQuery.ui
jQuery.ui.version

必要なCSSファイルが読み込まれているかどうかを確認するには、Firebugを使用して、[CSS]タブでテーマファイルを探すことをお勧めします。

以前にユーザーがjQuery UIライブラリを正しくロードしたが、CSSテーマが欠落しているときに問題が発生しました。

これは古い質問ですが、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();

たとえば、UIオブジェクトをテストするだけです

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

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");
}