測試如果jQueryUI已加載

Question

我想調試一個網站，我認爲jQueryUI可能沒有正確加載。我如何測試jQueryUI是否已加載？

Answer 1

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

OR

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

應該做的伎倆

Answer 2

只需測試UI對象，例如

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

Answer 3

您需要檢查，如果兩者的jQuery UI的庫文件和CSS主題被加載。

jQuery UI的創建jQuery對象的屬性，你可以檢查：

jQuery.ui 
jQuery.ui.version 

要檢查是否必要的CSS文件（S）被加載，我會建議你使用Firebug，並尋找主題CSS選項卡上的文件。

我見過問題之前，當用戶正確加載jQuery UI庫，但CSS主題丟失。

Answer 4

我知道這是一個老問題，但在這裏是一個小巧的腳本，你可以用它來包裝你所有的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 5

You c如果jQuery的用戶界面的檢查是通過許多方式實現，例如裝入或不：

if (typeof jQuery.ui == 'undefined') { 

    // jQuery UI IS NOT loaded, do stuff here. 

} 

// OR 

if (typeof jQuery.ui != 'function') { 

    // jQuery UI IS NOT loaded, do stuff here. 

} 

// OR 

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