I have js file and if I put <script src="link_to_file"></script> on bottom of my html page, it doesn't work.
Instead, if I put <script>function( etc..</script> on bottom of my html page, it works.
What is problem?
-
Check if file on link_to_file exists. Open in another tab to check. use inspect element to see the errorJure Potocnik– Jure Potocnik2016-06-12 12:30:17 +00:00Commented Jun 12, 2016 at 12:30
-
When you say it does not work? Have you viewed the element to see if the path even exists? Are you using a framework, wordpress or what?PhpDude– PhpDude2016-06-12 12:32:28 +00:00Commented Jun 12, 2016 at 12:32
-
@JurePotocnik link_to_file exits but isn't load..Marko.pwn– Marko.pwn2016-06-12 12:34:38 +00:00Commented Jun 12, 2016 at 12:34
-
@Dan not working in <script src="link_to_file"></script> buy working on <script>function( etc..</script>Marko.pwn– Marko.pwn2016-06-12 12:35:05 +00:00Commented Jun 12, 2016 at 12:35
-
1You can put your js in head and you can add a document ready function to it… this way DOM (html) is loaded before your scriptLoicTheAztec– LoicTheAztec2016-06-12 12:38:59 +00:00Commented Jun 12, 2016 at 12:38
|
Show 7 more comments
2 Answers
Try this:
HTML
bottom
<script src="external-script.js><script>
EXTERNAL JS
Add $(document).ready(function () {})
Make sure jQuery is loaded first.
Check your global variables.
Comments
Make sure that you're using the right path, that's depending om your folder structure. For example, if the js file is in the same folder as your html file, use
<script src = 'fileName.js'></script>
Do not forget to include the .js extension at the end of the file name. The file name should be same as the name of your js file. Anyhow, you do not have to put the script in the head section as someone has suggested. It's in fact, not a good practice.
7 Comments
One
Are the files in the same folder or in separate folders?
One
It would really help if I could see your folder structure
Marko.pwn
In separate folders.. i fix it but i have a new problem, slider doesn't working.. i put all slider functions on js file but this functions doesn't working on page?
One
<script = '../folder/filename.js'></script>One
Kindly post your code ... It will be much easier telling where the problem is. Post both the javascript and html code.
|