2010-02-14 12 views
122

लोड किया है तो मैं एक वेबसाइट डीबग करने का प्रयास कर रहा हूं, और मुझे लगता है कि jQueryUI ठीक से लोड नहीं हो सकता है। JQueryUI लोड होने पर मैं परीक्षण कैसे कर सकता हूं?परीक्षण अगर jQueryUI ने

उत्तर

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

या

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

चाल

+1

मेरी समस्या यह है कि मैं लोड करता हूं jQuery और jQuery.ui गतिशील रूप से। कभी-कभी समय में लोड होता है, कभी-कभी नहीं। अगर यूई लोड नहीं होता है, तो मैं किसी भी विधि को कॉल करने से पहले इसके लिए कैसे इंतजार कर सकता हूं (या इसे लोड करने के लिए मजबूर कर सकता हूं)? –

+0

मेरे लिए अब तक काम करता प्रतीत होता है ... – David

+17

यह सुनिश्चित नहीं करता कि इससे कोई फर्क पड़ता है, लेकिन jquery के लिए बॉयलरप्लेट के परीक्षण के साथ जा रहा है, तो वे jQuery विंडो के लिए 'window.jQuery' का उपयोग करते हैं, इसलिए मैं परीक्षण' window.jQuery का उपयोग करता हूं। ui' –

3

बस ui ऑब्जेक्ट के लिए परीक्षण करें, उदा।

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

आप अगर दोनों, jQuery यूआई लाइब्रेरी फ़ाइल और सीएसएस थीम लोड किया जा रहा है की जाँच की जरूरत है।

jQuery यूआई jQuery वस्तु पर गुण पैदा करता है, आप जांच कर सकता है: यदि आवश्यक हो तो सीएसएस फ़ाइल (फ़ाइलें) लोड किए गए हैं

jQuery.ui 
jQuery.ui.version 

जाँच करने के लिए, मैं तुम्हें Firebug उपयोग करने के लिए सिफारिश करेंगे, और विषय के लिए देखो सीएसएस टैब पर फ़ाइलें।

मैंने पहले समस्याएं देखी हैं, जब उपयोगकर्ता सही ढंग से jQuery UI लाइब्रेरी लोड करते हैं लेकिन सीएसएस थीम गुम होती है।

+0

जाँच करने के लिए (जैसे टूलटिप के लिए) ........................ अगर (टाइपोफ jQuery()। टूलटिप! = "अपरिभाषित") ' –

6

करना चाहिए मैं जानता हूँ कि यह एक पुराने सवाल है, लेकिन यहाँ एक त्वरित छोटे से स्क्रिप्ट आप अपने सभी jQuery यूआई बातें रैप करने के लिए उपयोग कर सकते हैं कि डॉन यह सुनिश्चित करने के लिए एक संबद्ध घटना नहीं है कि वे jQuery UI लोड होने के बाद ही निष्पादित हो जाएं:

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

आप सी अगर 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"); 
} 


संबंधित मुद्दे