I have a javascript file and I want to include jquery in this js file. Do you have a suggestion?
2
-
3how about this stackoverflow.com/questions/5577771/…ayush– ayush2011-09-21 08:34:10 +00:00Commented Sep 21, 2011 at 8:34
-
2Because, I want to use jquery library in my javascript file. Do you know another way?cagin– cagin2011-09-21 08:35:16 +00:00Commented Sep 21, 2011 at 8:35
Add a comment
|
5 Answers
Simply include the JavaScript for jQuery before you include your own JavaScript:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="path/to/your/script.js"></script>
Though others have suggested simply copying and pasting jQuery into your own JavaScript file, it's really better to include jQuery separately from a canonical source as that will allow you to take advantage of the caching that your browser and intermediate servers have done for that file.
answered Sep 21, 2011 at 8:38
Michael Aaron Safyan
96k16 gold badges140 silver badges200 bronze badges
3 Comments
RozzA
sadly this does not work for me, using the chain
[main webpage ->includes [work_app.php -> includes jQuery.js + another.js]] jQuery never gets loaded in time and yes, my script is included below jquery include.
Incerteza
What if loading jquery takes too long, won't the code from script.js start executing before jquery has been loaded?
Michael Aaron Safyan
@RozzA ,does your script tag have the "async" or "defer" attributes? If not, then the scripts should be loaded/executed in the order that they appear on the page. If they do use "async" and "defer", then you could have JavaScript listen for script events and trigger execution once the other script has completed loading/execution.
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
}
Comments
Just merge the files.
cat jquery.js >> a_javascript_file.js
Or, since you probably want jQuery first:
cat a_javascript_file.js jquery.js > tmp.js;
mv tmp.js a_javascript_file.js
Comments
If you want to include a js file into a js file... javascript does not have something like an include function but you can load the file with an ajax request or add a script tag to the html with js. Check out the following link, a really interesting read!
How do I include a JavaScript file in another JavaScript file?
