Тестирование загрузки jQueryUI

Question

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

Answer 1

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

ИЛИ

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

Должен сделать трюк

Answer 2

Необходимо проверить, загружаются ли оба файла: jQuery UI Library file и CSS Theme .

jQuery UI создает свойства объекта jQuery, вы можете проверить:

jQuery.ui
jQuery.ui.version

Чтобы проверить, загружены ли необходимые файлы CSS, я бы порекомендовал вам использовать Firebug и искать файлы тем на вкладке CSS.

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

Answer 3

Я знаю, что это старый вопрос, но вот небольшой небольшой скрипт, который вы можете использовать, чтобы обернуть все элементы пользовательского интерфейса 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();

Answer 4

Просто протестируйте для объекта пользовательского интерфейса, например,

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

Answer 5

Вы можете проверить, загружен или нет пользовательский интерфейс 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");
}