Can I just put my javascript right next to my <div>
Question
If I have some javascript/jQuery acting on a particular div inside tags (for an animation), can I just put the javascript (in a src="link-to-my-js.js" file) right next to my div?
I mean something like the following:
<body>
<div id="special">Some html</div>
<script type="text/javascript">javascript related to my div tag above...</script>
</body>
4 answers
solution1
2 ACCPTED 2010-12-15 23:45:08
whereever you add your code wrap it with document .ready.
It will wait till all the dom is ready, so you will be safe.
<script type="text/javascript">
$(document).ready(function() {
});
</script>
solution2
1 2010-12-15 23:06:15
You can put them anywhere you want, but
- For performance reasons, it's best to put them at the bottom of the page .
- DOM manipulation before the page has loaded can cause problems, especially with IE, for example this google maps problem .
solution3
0 2010-12-15 23:00:56
You can add the tag anywhere you please. Remember though that if your script tries to act on an element that has not yet been loaded it will fail.
So if your load your script tag before your div and the script isn't activated by an onload event or something similar element will not be found.
On the contrary if the tag appears after the element you can manipulate it as normal.
solution4
0 2010-12-15 23:01:06
It does not matter where you put it if you wrap your code with the $(function(){/*code here*/})
reference: http://api.jquery.com/jquery/#jQuery3
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.