How to use jQuery in TypeScript

Question

I'm trying to get jQuery working in TypeScript. I'm missing something obvious, but don't see it. I need another pair of eyes.

I created an empty TypeScript project in VS2015.

I added the script tag for jquery:

<script src="http://code.jquery.com/jquery-2.1.4.js" type="text/javascript"></script>
<script src="app.js" type="text/javascript"></script>

In app.js, I added the line to get Intellisense

/// reference path=".\Scripts\typings\jquery\jquery.d.ts"/>

Then I call a jQuery function in window.onload

$.get('http://somesite.com/someCSV.txt', function (data) {
    var txt = document.getElementById('TextArea1');
    txt.textContent = data;
        }, 'text');

When I run it, I get an error that $ is undefined.

I missed something. What did I miss?

-- thanks!

basarat · Accepted Answer · 2015-08-02 00:02:29Z

1

What did I miss?

Check that JQuery.js was actually downloaded (there might have been an outage).

answered Aug 2, 2015 at 0:02

basarat

278k60 gold badges475 silver badges528 bronze badges

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

2 Comments

Shaun Over a year ago

yes, that was it. No changes and it's working now. thanks!

Shaun Over a year ago

I think Visual Studio is caching web pages somewhere. F5 seems to execute old code frequently for me (but not every time). Restarting VS resolves the issue as does executing the html directly in the browser. That may have been the issue; it's hard to say now.

Collectives™ on Stack Overflow

How to use jQuery in TypeScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related