javascript - pagina - ha fallado la carga del<script> con origen

Comprobando si jQueryUI ha cargado

Question

Estoy intentando depurar un sitio web, y creo que jQueryUI puede no haberse cargado correctamente. ¿Cómo puedo probar si jQueryUI se ha cargado?

Answer 1

Debe verificar si se están cargando tanto el archivo de biblioteca de jQuery UI como el tema de CSS .

jQuery UI crea propiedades en el objeto jQuery, puedes verificar:

jQuery.ui
jQuery.ui.version

Para verificar si los archivos CSS necesarios están cargados, le recomiendo que use Firebug y busque los archivos de tema en la pestaña CSS.

He visto problemas antes, cuando los usuarios cargan correctamente la biblioteca jQuery UI, pero falta el tema CSS.

Answer 2

Puede verificar si jQuery UI está cargado o no de muchas maneras, como por ejemplo:

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

Answer 3

Sé que esta es una vieja pregunta, pero aquí hay un pequeño script rápido que puede usar para ajustar todas las cosas de la interfaz de usuario de jQuery que no tienen un evento asociado para asegurarse de que se ejecuten solo después de que se cargue la interfaz de usuario de 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

Solo prueba el objeto ui, por ejemplo

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

Answer 5

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

O

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

Debería hacer el truco