2011-09-21 14 views
19

मेरे पास जावास्क्रिप्ट फ़ाइल है और मैं इस जेएस फ़ाइल में jquery शामिल करना चाहता हूं। आपका कोई सुझाव है?किसी अन्य जावास्क्रिप्ट फ़ाइल में jquery को कैसे शामिल करें

+1

आपको ऐसा करने की आवश्यकता क्यों है? –

+3

इस बारे में http://stackoverflow.com/questions/5577771/how-to-include-jquery-js-in-another-js-file – ayush

+2

क्योंकि, मैं अपनी जावास्क्रिप्ट फ़ाइल में jquery लाइब्रेरी का उपयोग करना चाहता हूं। क्या आप एक और तरीका जानते हैं? – cagin

उत्तर

19

सीधे शब्दों में jQuery के लिए जावास्क्रिप्ट को शामिल करने से पहले आप अपनी JavaScript में शामिल हैं:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script src="path/to/your/script.js"></script> 

हालांकि दूसरों बस का सुझाव दिया है अपनी JavaScript फ़ाइल में प्रतिलिपि करने और चिपकाने jQuery, यह jQuery शामिल करने के लिए वास्तव में बेहतर है एक कैननिकल स्रोत से अलग है क्योंकि इससे आपको उस कैशिंग का लाभ उठाने की अनुमति मिल जाएगी जो आपके ब्राउज़र और इंटरमीडिएट सर्वर ने उस फ़ाइल के लिए किया है।

+0

के लिए +1 दुख की बात यह है कि यह श्रृंखला के उपयोग से मेरे लिए काम नहीं करती है, [मुख्य वेबपृष्ठ -> शामिल है [work_app.php -> jQuery.js + another.js शामिल है]] 'jQuery कभी समय में लोड नहीं होता और हाँ, मेरी स्क्रिप्ट jquery के नीचे शामिल है। – RozzA

+0

@AliRashidi, कैसे? –

+0

क्या होगा यदि jquery लोड करना बहुत लंबा लगता है, तो jquery लोड होने से पहले script.js से कोड निष्पादित करना शुरू नहीं होगा? –

5

बस फ़ाइलों को मर्ज करें।

cat jquery.js >> a_javascript_file.js 

या, आप शायद jQuery पहले चाहते हैं के बाद से: समारोह में शामिल

cat a_javascript_file.js jquery.js > tmp.js; 
mv tmp.js a_javascript_file.js 
+3

अब, इसका मतलब है। :) – bzlm

3

आप एक js फ़ाइल में एक js फ़ाइल शामिल करना चाहते हैं ... जावास्क्रिप्ट एक तरह कुछ भी नहीं है लेकिन आप कर सकते हैं फ़ाइल को AJAX अनुरोध के साथ लोड करें या जेएस के साथ एचटीएमएल में एक स्क्रिप्ट टैग जोड़ें। निम्नलिखित लिंक देखें, वास्तव में एक दिलचस्प पढ़ा!

How do I include a JavaScript file in another JavaScript file?

+0

लिंक – kc2001

14
var jq = document.createElement("script"); 

jq.addEventListener("load", proceed); // pass my hoisted function 
jq.src = "//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"; 
document.querySelector("head").appendChild(jq); 

function proceed() { 
    // jQuery load complete, do your magic 


} 
-2

मेरा सुझाव है कि आप अपनी जावा स्क्रिप्ट लाइब्रेरी के अंदर कोड की एक पंक्ति का उपयोग करें।

document.write("Script/jquery.min.js'></script>"); 

इस की सहायता से, आपको अपने पृष्ठ पर दो फ़ाइलों के संदर्भ जोड़ने की आवश्यकता नहीं है।

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