Trying to convert JQuery plugin to TypeScript

Question

I'm trying to convert this JQuery plugin to typescript:

But I'm not able to get Intellisense to recognize the function in typescript. I just need one function from the this plugin - "ajaxSubmit". I've declared it i a .d.ts file in my typescript project and added a reference to it from the main file. However, Webstorm does not seem to know that function and throws an error. Here's the .d.ts

interface JQuery
{
    ajaxSubmit(error:any, success:any): JQuery;
}

I've taken a look at this page and tried to follow the intruction in there.

Using jQuery plugin in TypeScript

Here's the program that implements AjaxSubmit. Webstorm throws an error that says: $(this) : Argument does not match parameters.

var $form = $("#fileUploadForm");
    $form.submit(function (e) {
        // perform client side validations if any

        $(this).ajaxSubmit({
            error: function () {
                // handle error
            },

            success: function (response) {
                // handle success
            }
        });

        // Important: stop event propagation
        return false;
    });

By the way, I'm using NodeJS + ExpressJs in the back end, I dont think it concerns this question.

score 1 · Accepted Answer · answered Dec 06 '13 at 12:18

1

Based on your code sample the signature should be:

interface JQuery
{
    ajaxSubmit(arg:{error:any, success:any}): JQuery;
}

answered Dec 06 '13 at 12:18

basarat

261,912
58
460
511

I modified that but the error hasn't gone. The error shows up at the "$(this)" part in the code. I'm not sure if that's correct. – EternallyCurious Dec 06 '13 at 12:33
@EternallyCurious put a new line after the dot (this). to verify error cause – basarat Dec 06 '13 at 22:06
Your code actually works. The problem with $(this) was another issue. – EternallyCurious Dec 07 '13 at 02:08

score 0 · Answer 2 · answered Dec 07 '13 at 02:11

0

Changing "$(this)" to "$form" or just "this" works.

answered Dec 07 '13 at 02:11

EternallyCurious

2,345
7
47
78

score 0 · Answer 3 · answered Dec 11 '13 at 04:56

0

Nuget has a TypeScript definition for the jquery forms plugin: http://www.nuget.org/packages/jquery.form.TypeScript.DefinitelyTyped/

answered Dec 11 '13 at 04:56

Jonathan Moffatt

13,309
8
51
49

Trying to convert JQuery plugin to TypeScript

3 Answers3