2010-02-14 21 views
122

yüklüyse test ediyorum Bir web sitesinde hata ayıklamaya çalışıyorum ve jQueryUI'nin düzgün yüklenmemiş olabileceğini düşünüyorum. JQueryUI'nin yüklü olup olmadığını nasıl test edebilirim?jQueryUI

cevap

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

VEYA

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

Ben bu eski bir sorudur, ama burada tüm jQuery UI şeyler sarmak için kullanabileceğiniz hızlı bir küçük script biliyoruz hile

+1

benim sorunum jQuery ve jQuery.ui dinamik olarak. Bazen zaman zaman yüklenir, bazen değil. Eğer ui yüklenmemişse, herhangi bir yöntemi aramadan önce onu nasıl bekleyebilirim (veya yüklenmesini zorlayabilirim)? –

+0

şu ana kadar benim için çalışmış gibi görünüyor ... – David

+17

bu bir fark yaratır, ancak Boilerplate'ın jquery için yaptığı test ile giderse, jQuery UI için 'window.jQuery'yi kullanırlar. –

3

Sadece ui nesnesini test edin, örn.

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

Hem, jQuery UI Kütüphane dosyası ve CSS Tema yüklenirken olmadığını kontrol etmek gerekir.

jQuery UI jQuery nesne üzerinde özelliklerini oluşturur, sen kontrol edebilir: Gerekli CSS dosyası (lar) yüklenmişse

jQuery.ui 
jQuery.ui.version 

kontrol için, sana Firebug kullanmayı tavsiye ve tema arardım CSS sekmesindeki dosyalar.

Kullanıcıların jQuery UI kitaplığını doğru şekilde yükledikleri, ancak CSS temasının eksik olduğu sorunları daha önce de görmüştüm.

+0

kontrol etmek için (ör tooltip için) ........................ '(typeof jQuery(). tooltip! =" undefined ")' –

6

yapmak mı don jQuery UI yüklendikten sonra çalıştırıldığından emin olmak için ilişkili bir olay var:

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

You c jQuery UI ise bir onay gibi birçok şekilde yüklenebilir veya değildir: Bazı özel işlevselliği kontrolü gibi olacaktır yüklü ise

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


İlgili konular