Extend JQueryStatic with typescript

Question

So far i have added extension methods to JQuery like this:

module JQueryExtensions {
    export function foo() {
        ...
    }
}
interface JQuery {
    foo(): JQuery;
}
(function ($) {
    $.fn.foo = function (): JQuery {
    ...
    return this;
    };
})(jQuery);

It was good as an extension method to a JQuery instance like $('selector').foo(). But now i need to add a static function to be able to call it like $.foo();

I Have tried replacing "JQuery" with "JQueryStatic" like this:

module JQueryExtensions {
    export function foo() {
        ...
    }
}
interface JQueryStatic{
    foo(): JQuery;
}
(function ($) {
    $.fn.foo = function (): JQuery {
    ...
    return this;
    };
})(JQueryStatic);

But it gives me the following error: "Cannot find name 'JQueryStatic'."

just pass jQuery instead of JQueryStatic and use $.foo = instead of $.fn.foo = — Aleksey L.
– Aleksey L., Commented Jul 31, 2016 at 6:40
Thank you @Aleksey, That Worked. Post it as an answer please. — Dorad
– Dorad, Commented Aug 1, 2016 at 4:29

Aleksey L. · Accepted Answer · 2016-08-01 05:15:58Z

1

Just pass jQuery (function / type definition) instead of JQueryStatic (interface) and use $.foo = (static method) instead of $.fn.foo = (instance method)

(function ($:JQueryStatic) {
    $.foo = function (): JQuery {
        ...
    };
})(jQuery);

edited Aug 1, 2016 at 5:15

answered Aug 1, 2016 at 5:09

Aleksey L.

38.4k11 gold badges86 silver badges90 bronze badges

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

Collectives™ on Stack Overflow

Extend JQueryStatic with typescript

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