Тестування, чи завантажено jQueryUI

Я намагаюся налагодити веб-сайт, і я думаю, що jQueryUI, можливо, не завантажився належним чином. Як я можу перевірити, чи завантажився jQueryUI?

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

АБО

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

Слід зробити трюк

Вам потрібно перевірити, чи є обидва файли бібліотеки jQuery UI та Тема CSS .

Інтерфейс jQuery створює властивості об’єкта jQuery, ви можете перевірити:

jQuery.ui
jQuery.ui.version

Щоб перевірити, чи завантажуються необхідні файли CSS, я б рекомендував вам використовувати Firebug та шукати файли тем на вкладці CSS.

Я вже бачив проблеми, коли користувачі правильно завантажують бібліотеку інтерфейсу jQuery, але тема CSS відсутня.

Я знаю, що це старе питання, але ось короткий невеликий сценарій, який ви можете використовувати, щоб обернути всі ваші інтерфейси jQuery, що не мають пов’язаної події, щоб переконатися, що вони виконуються лише після завантаження інтерфейсу jQuery:

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 багатьма способами, такими як:

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