测试jQueryUI是否已加载

Question

我正在尝试调试一个网站,我认为jQueryUI可能没有正确加载.如何测试jQueryUI是否已加载？

Answer 1

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

要么

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

应该做的伎俩

Answer 2

您需要检查是否同时加载了jQuery UI Library文件和CSS Theme.

jQuery UI在jQuery对象上创建属性,您可以检查:

jQuery.ui
jQuery.ui.version

要检查是否加载了必要的CSS文件,我建议您使用Firebug,并在CSS选项卡上查找主题文件.

我之前遇到过问题,当用户正确加载jQuery UI库但缺少CSS主题时.

Answer 3

我知道这是一个老问题,但是这里有一个快速的小脚本,您可以用它来包装所有没有关联事件的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();

Answer 4

只需测试 ui 对象，例如

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