Create jQuery Plugin with TypeScript

Question

I have added a jQuery plugin that I have created into a TypeScript file. For instance, let's say I have this:

Extensions.ts

(function ($)
{
    $.fn.isNot = function (selector)
    {
        return !this.is(selector);
    };
}(jQuery));

function HelloWorld()
{
}

Then, in another file:

As you can see, Utilities.ts can see the HelloWorld function but it cannot see the jQuery extensions...

However, when I try to reference this file by other files, it does not work. Is there a way of going about this so that I can create extension files like this in TypeScript and be able to reference them with other typescript files? Or will I have to create definition files for each of my extension files?

eavidan · Accepted Answer · 2016-09-25 18:42:58Z

1

You can create a single definition file or one for each of your extensions - it is up to you.

It would be something like this:

interface JQuery {
  isNot(selector: string): boolean
}

This should be in a .d.ts file, in addition to the .ts code file

edited Sep 25, 2016 at 18:42

answered Sep 25, 2016 at 17:52

eavidan

5,6341 gold badge15 silver badges16 bronze badges

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

8 Comments

William Over a year ago

Okay - so then for extension methods, I always need to have a definition file but if its a normal function I don't?

eavidan Over a year ago

If you import the file with the function then no. If you want to use external libraries, or create one yourself - definition files are a must

William Over a year ago

What do you mean by import the file with a function? It is not an external library - it is an extension that i have written myself in a .ts file -

eavidan Over a year ago

Great, then ignore the rest of my answer.. it isn't necessary in your case

William Over a year ago

But it's not working - even though my files reference my extension files they aren't able to actually use it...

|

Collectives™ on Stack Overflow

Create jQuery Plugin with TypeScript

Extensions.ts

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Extensions.ts

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related