Test si jQueryUI a chargé

vous devez vérifier si les deux, L'interface utilisateur jQuery Bibliothèque fichier et thème CSS sont chargés.

jQuery UI crée des propriétés sur l'objet jQuery, vous pouvez vérifier:

jQuery.ui
jQuery.ui.version

Pour vérifier si le fichier CSS(s) sont chargés, je vous recommande d'utiliser Firebug , et recherchez les fichiers du thème sur l'onglet CSS.

j'ai vu des problèmes avant, lorsque les utilisateurs chargent correctement la bibliothèque jQuery UI, mais le thème CSS est manquant.

je sais que c'est une vieille question, Mais voici un petit script rapide que vous pouvez utiliser pour envelopper toutes vos choses jQuery UI qui n'ont pas d'événement associé pour s'assurer qu'elles soient exécutées seulement après que jQuery UI est chargé:

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();

test juste pour l'objet ui, p.ex.

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

vous pouvez vérifier si jQuery UI est chargé ou non de plusieurs façons telles que:

if (typeof jQuery.ui == 'undefined') {
   // jQuery UI IS NOT loaded, do stuff here.
}

ou

if (typeof jQuery.ui != 'function') {
    // jQuery UI IS NOT loaded, do stuff here.
}

ou

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