परीक्षण करें यदि jquery लोड किया गया है, तो दस्तावेज़ तैयार घटना का उपयोग न करें

Question

मेरी साइट पर मेरे पास एक jquery फ़ंक्शन है जो पृष्ठ लोड होने के तुरंत बाद किसी अन्य (सुरक्षित) सर्वर से डेटा पुनर्प्राप्त करता है। एक jsonp कॉल का उपयोग करते हुए मैं वर्तमान दस्तावेज़ तैयार घटना के बाद इस डेटा लोड:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.getJSON(_secureHost + '/base/members/current.aspx?callback=?', function (data) { 
      initPage(data); 
     }); 
    }); 
</script> 

मैं ऊपर कॉल के बारे में क्या पसंद नहीं है, कि jsonp वास्तव में, दस्तावेज़ तैयार घटना से पहले exectued किया जा सकता है जिससे धीमा है पेज लोड तो अगर मैं पृष्ठ के अंदर jQuery (यानी स्क्रिप्ट टैग का उपयोग कर संदर्भित नहीं) शामिल हैं, उसके बाद निम्न कोड महान काम करता है और पृष्ठ लोड तेजी से:

<script type="text/javascript"> 
    $.getJSON(_secureHost + '/base/members/current.aspx?callback=?', function (data) { 
     $(document).ready(function() { 
      initPage(data); 
     }); 
    }); 
</script> 

लेकिन हर पेज में jQuery सहित एक 23k भूमि के ऊपर जो मैं है से बचने के लिए पसंद है। मैं यह देखने के लिए कैसे परीक्षण कर सकता हूं कि jquery लोड हो गया है और jquery लोड होने पर केवल initPage() फ़ंक्शन को निष्कासित कर सकता है?

संपादित करें: अधिक सटीक होने के लिए मुझे jquery लोड होने पर बार-बार जांच की आवश्यकता है और फिर ईवेंट का पता लगाएं। एक टाइमर नौकरी समाधान हो सकता है ..

समाधान: मैंने एक प्रीइनेट बनाया है जो jquery जांच करता है। मेरा पेज लोडिंग तेज़ नहीं हो सकता :)। सबको धन्यवाद!

function preInit() 
    { 
     // wait until jquery is loeaded 
     if (!(typeof jQuery === 'function')) { 
      window.setTimeout(function() { 
       //console.log(count++); 
       preInit(); 
      }, 10); // Try again every 10 ms.. 
      return; 
     } 
      $.getJSON(_secureHost + '/base/members/current.aspx?callback=?', 
      function (data) { 
       $(document).ready(function() { 
        initPage(data); 
       }); 
      }); 
     } 

Answer 1

मुझे लगता है कि तुम सिर्फ

if (jQuery) { 
    ... 
} 

इस्तेमाल कर सकते हैं अगर jQuery वस्तु मौजूद है देखने के लिए।

ठीक है, बेहतर होगा:

if (typeof jQuery !== 'undefined') { 
    ... 
} 

या

if (typeof jQuery === 'function') { 
    ... 
} 

संपादित करें:

भूमि के ऊपर के बारे में या फिर jQuery वस्तु भरी हुई है चिंता मत करो। तुम सिर्फ एक नियमित रूप से <script src="..."> टैग का उपयोग कर jQuery पुस्तकालय में शामिल हैं और फिर इस तरह $(document).ready के बिना अपने कोड निष्पादित, तो:

<script type="text/javascript"> 
    $.getJSON(_secureHost + '/base/members/current.aspx?callback=?', function (data) { 
     initPage(data); 
    }); 
</script> 

यह काम करेंगे। $(document).ready भाग केवल यह सुनिश्चित करने के लिए है कि डीओएम तत्वों को बदलने की कोशिश करने से पहले डीओएम पूरी तरह से लोड हो गया है जो अभी तक लोड नहीं हैं। एजेक्स कार्यक्षमता समेत jQuery लाइब्रेरी स्वयं ही वहां होगी।

अब, अपने initPage(data) कॉल डोम, जो मुझे लगता है यह करता है का उपयोग करता है, तो आप एक जांच है कि में डाल सकता है, इस तरह:

<script type="text/javascript"> 
    function initPage(data) { 
     var $domObject = $('#your-dom-object'); 
     if ($domObject.length === 0) { // Dom object not loaded yet. 
      window.setTimeout(function() { 
       initPage(data); 
      }, 0); // Try again after other stuff has finished. 
      return; 
     } 
     // Do your regular stuff here. 
    } 
</script> 

हालांकि, मुझे नहीं लगता कि यह हो सकता है ज्यादातर स्थितियों में आवश्यक है।

नवीनतम प्रश्न

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

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

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.