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.

basarat · Accepted Answer · 2013-12-06 12:18:13Z

1

Based on your code sample the signature should be:

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

answered Dec 6, 2013 at 12:18

basarat

278k60 gold badges475 silver badges528 bronze badges

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

3 Comments

EternallyCurious Over a year ago

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.

basarat Over a year ago

@EternallyCurious put a new line after the dot (this). to verify error cause

EternallyCurious Over a year ago

Your code actually works. The problem with $(this) was another issue.

EternallyCurious · Accepted Answer · 2013-12-07 02:11:00Z

0

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

answered Dec 7, 2013 at 2:11

EternallyCurious

2,4158 gold badges52 silver badges79 bronze badges

Comments

Jonathan Moffatt · Accepted Answer · 2013-12-11 04:56:25Z

0

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

answered Dec 11, 2013 at 4:56

Jonathan Moffatt

13.5k8 gold badges54 silver badges49 bronze badges

Collectives™ on Stack Overflow

Trying to convert JQuery plugin to TypeScript

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related