Why does my simple typescript function expect a jQueryEventObject parameter?

Question

I have the following code:

function submitSuccessAccess() {
    $(".accessLink")
        .attr("data-disabled", "no");
    window.location.reload();
}

I am trying to call this function like this:

submitSuccessAccess();

However I get a red underline under submitSuccessAccess saying: supplied parameters do not match any signature of call target. Seems like the submitSuccessAccess is expecting:

(eventObject: JQueryEventObject) => any

I found a temporary solution. I define and use as follows:

function submitSuccessAccess(any) {
    $(".accessLink")
        .attr("data-disabled", "no");
    window.location.reload();
}
submitSuccessAccess(null);

Am I the only one to experience anything like this?

Neil · Accepted Answer · 2012-12-06 10:54:00Z

2

Because of a bug in typescript.

Try specifiying the return type of your function to change the function definition with the definition found in jQuery.d.ts of:

jqueryevent(handler: (eventObject: JQueryEventObject) => any): JQuery;

Where jqueryevent is like click,bind, ect.

Your definition could be:

function submitSuccessAccess():void {
    $(".accessLink")
        .attr("data-disabled", "no");
    window.location.reload();
}

And probably your calling context was something like this:

$(selector).click(function() {
    submitSuccessAccess();
});

Which was initialized by somthing like this:

$(document).ready(function() {
    initSubmitAccessFunction();
})

edited Dec 6, 2012 at 10:54

Neil

55.5k8 gold badges65 silver badges74 bronze badges

answered Dec 6, 2012 at 10:27

ssa

313 bronze badges

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

1 Comment

Neil Over a year ago

@Nicktar Hopefully my edit has improved the formatting a bit.

Boris Yankov · Accepted Answer · 2012-10-30 19:40:08Z

0

The actual code for your function could be:

function submitSuccessAccess(eventObject: JQueryEventObject) {
    $(".accessLink")
        .attr("data-disabled", "no");
    window.location.reload();
}

If you don't like supplying the parameter you might change the relevant line in the jquery.d.ts file

(eventObject: JQueryEventObject) => any

to

(eventObject?: JQueryEventObject) => any

which it should probably have been like this in the first place.

answered Oct 30, 2012 at 19:40

Boris Yankov

1,54014 silver badges21 bronze badges

1 Comment

user1679941 Over a year ago

Thanks for your help but can you explain to me. Why would it default to being (eventObject: JQueryEventObject)? All I want to do is to call one function with no parameters but it seems like the JQueryEventObject is being passed or expected.

Collectives™ on Stack Overflow

Why does my simple typescript function expect a jQueryEventObject parameter?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related