2011-03-05 12 views
31

उपयोग करने के लिए कैसेjQuery ui - गूगल CDN

मैं jQuery के लिए यहां से जवाब का उपयोग कर रहा मैं .. jQuery और jQuery यूआई के लिए गूगल CDN उपयोग करना चाहते हैं। Best way to use Google's hosted jQuery, but fall back to my hosted library on Google fail

लेकिन मैं इस बिट समझ में नहीं आता:

if (typeof jQuery == 'undefined') 

तो मैं कैसे यह jQuery UI के लिए कर सकते हैं? भी, क्या यह कस्टम jQuery UI थीम के साथ काम करेगा क्योंकि यह एक कस्टम जेएस फ़ाइल भी बनाता है?

उत्तर

49

आप

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 

कॉल का उपयोग परिवर्तन से आपको अन्य Ui विषयों को लिंक कर सकते थीम का नाम बना सकते हैं। इस मामले में किसी भी अन्य विषय के नाम का नाम किसी भी अन्य थीम नाम /base/jquery-ui.css पर बदलें।

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 

चेक बाहर सभी CDN की एक कड़ी के लिए jQuery यूआई ब्लॉग लिंक http://blog.jqueryui.com/

आप चिंतित हैं कि गूगल CDN कभी विफल रहता है या नीचे चला जाता है है, तो आप एक स्थानीय प्रति करना प्रारंभ कर सकते हैं जब CDN ऑफ़लाइन है (इस उदाहरण एचटीएमएल 5 बॉयलरप्लेट तरह टेम्पलेट्स में शामिल किया हुआ है):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script> 
    window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"></script>') 
</script> 
+0

तुम भी माइक्रोसॉफ्ट CDN से अपने jQuery मिल सकती है। लिंक तक पहुंचने के लिए उपरोक्त jQuery ब्लॉग लिंक देखें। इसके अलावा 3 कारण पढ़ें कि आपको Google से अपना jQuery क्यों प्राप्त करना चाहिए, न कि स्थानीय होस्ट http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for- आप/ – Hussein

9

आप एक कस्टम jQuery यूआई विषय हो रही है, आपको लगता है कि होस्ट करने के लिए अपने सर्वर पर है। Google केवल main jQuery UI themes होस्ट करता है।

आप की जाँच करने के लिए किया जाए या नहीं jQuery यूआई लाइब्रेरी के अपलोड चाहते हैं, आप ऐसा कर सकते हैं:

if (jQuery.ui) { 
}