jQuery not recognized in external javascript file

Question

I am trying to move my jquery code form script tags inside html to separate javascript files but there is no code complete in the new file and the $ variable is not recognized as jQuery. The code runs fine though. In my index.js file which does not have code complete in visual studio:

$( function(){
        $("a").attr({href:"http://reddit.com"}).text("reddit.com")
        $(".header").css("color","red");
    }
);

In my html file I loaded jquery before index.js which has the jquery code inside it:

<html>
<head>
    <link rel="stylesheet" href="/static/css/style.css">
    <script type="text/javascript" src="/static/js/jquery.js"></script>

    <script type="text/javascript" src="/static/js/index.js"></script>

    <title>Welcome</title>

    <h1 class="header">Welcome to the test site</h1>
    <a href = "http://www.google.com">Google.com</a>
</head>
<body>
    <input type="button" onclick="location.href='/login';" value="Login" />
</body>
</html>

Does anyone know why my index.js does not recognize the jQuery library and assign $ to jquery variable? Thanks and let me know if I need to clarify anything.

Open Developer Tools Console. Do you see any errors?

MultiplyByZer0
– MultiplyByZer0

2017-02-19 22:33:31 +00:00
Commented Feb 19, 2017 at 22:33 — MultiplyByZer0
– MultiplyByZer0, Commented Feb 19, 2017 at 22:33

random0620 · Accepted Answer · 2017-02-19 22:36:45Z

1

Okay so all I needed to do was install with npm:

npm install --save @types/jquery

answered Feb 19, 2017 at 22:36

random0620

1,7265 gold badges24 silver badges50 bronze badges

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

Collectives™ on Stack Overflow

jQuery not recognized in external javascript file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related