Does jQuery have to be written in the <script> tags in HTML?

Question

I'm learning jQuery, and I'm running into a small problem. jQuery code works when I put it directly in my tags in my HTML, but when I import it from a different file, nothing happens. These are my script tags in HTML:

<script type="text/javascript" src="scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="scripts/test.js"></script> <!--This is my jQuery code-->

test.js contains the following code:

$(document).ready(function(){
console.log("Hello");
});

When the page loads, the console is empty. However, when I paste the following code as so, in my html document, everything works fine.

<script>

    $(document).ready(function(){
    console.log("Hello");
    });

</script>

It should work, problem must be somewhere else. Is path an filename correct? — elclanrs
– elclanrs, Commented Aug 19, 2013 at 6:42
There must be a path declaration problem , otherwise it should be works — Devang Rathod
– Devang Rathod, Commented Aug 19, 2013 at 6:44
Do you see something like "cannot find file" in errors?. Add jQuery from an online CDN. It might help you to check if this is a path problem. — palerdot
– palerdot, Commented Aug 19, 2013 at 6:44

Rob · Accepted Answer · 2013-08-19 06:44:25Z

1

Do you really have a folder named scripts in the folder where your HTML files exist? Otherwise try changing this src="scripts/jquery-1.10.2.js" to probably this: src="/scripts/jquery-1.10.2.js"

You can check by browsing to http://yoururl/scripts/jquery-1.10.2.js, the Jquery code should show up. If it's not there, you have to make sure that you include the right folder/file.

answered Aug 19, 2013 at 6:44

Rob

11.9k15 gold badges68 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Carpetfizz Over a year ago

Adding the preceding forwardslash caused a cannot find resource error in Chrome. Also, I did what you said by typing in the URL to the file, and the text shows up fine.

Shayan · Accepted Answer · 2013-08-19 06:45:42Z

0

Yes.You will be able to push your scripts in 2 ways:: 1-push your scripts in tag like>>

<script>$(document).ready(function(){alert("Welcome Dear");});</script>

2-push your inline scripts with attributes like>>

<button type='button' onclick="$(this).hide()">Hide Me</button>

answered Aug 19, 2013 at 6:45

Shayan

841 bronze badge

Comments

user1721049 · Accepted Answer · 2013-08-19 06:48:33Z

0

make sure that the scripts folder contain test.js make sure that the extension is correct ..sometimes I make the same same mistake, instead of test.js i save it as test.js.txt

answered Aug 19, 2013 at 6:48

user1721049

2 Comments

Carpetfizz Over a year ago

Triple-checked the file names and path, everything seems to be in order.

user1721049 Over a year ago

code works perfect in my system..please change the code as $(document).ready(function(){ alert("Hello"); }); so that you can see it in browser

yyj2001 · Accepted Answer · 2021-11-19 16:02:01Z

0

Try putting

<script type="text/javascript" src="scripts/jquery-1.10.2.js"></script>

in the body rather than the head.

Credits to this answer for giving the idea

answered Nov 19, 2021 at 16:02

yyj2001

173 bronze badges

Collectives™ on Stack Overflow

Does jQuery have to be written in the <script> tags in HTML?

4 Answers 4

1 Comment

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related