testingjQueryUI是否已经加载

我试图debugging一个网站,我认为jQueryUI可能没有正确加载。 我如何testing如果jQueryUI已经加载?

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

要么

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

应该做的伎俩

您需要检查是否正在加载jQuery UI 文件和CSS主题

jQuery UI在jQuery对象上创build属性,你可以检查:

 jQuery.ui jQuery.ui.version 

要检查是否加载了必要的CSS文件,我build议您使用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(); 

只需testingui对象,例如

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