JQuery click handler only anonymous function allowed

Question

It seems that in jquery click event you can only pass anonymous function. It is not possible to pass a normal javascript function. This lead to problems in my code.

function funcCancelClose(testcaseId,update)
{
   if(update == false)
   {
        modalCloseCancel(testcaseId);
   }
   else
   {
        modalCloseCancelUpdate(testcaseId, $("#radio-previous_"+testcaseId).val());
   }
}

var testcaseId = 891;
var update = false;

$("#modalCancel,#modalClose").click(funcCancelClose(testcaseId,update));

This did not work. Even there is no error message in developer console, behavior of code was wrong

You're calling the function immediately, not passing a function to call when the click happens. — Barmar
– Barmar, Commented Nov 25, 2019 at 17:54
Possible duplicate of Calling a function in jQuery with click() — devlin carnate
– devlin carnate, Commented Nov 25, 2019 at 17:56
ok so what is the syntax to have it called when the click happens ? — Tanja16
– Tanja16, Commented Nov 25, 2019 at 17:58
yeah you are right it is called immediately. That is wrong of course — Tanja16
– Tanja16, Commented Nov 25, 2019 at 18:05
It's funny if I pass it as normal function it gets executed, but if I pass it as anonymous function it gets not executed immediately. Why ist that ? — Tanja16
– Tanja16, Commented Nov 25, 2019 at 18:18

EmreKalafat · Accepted Answer · 2019-11-25 18:08:04Z

0

You get your values at html attr like that

<span id="modalCancel" data-attr-testcaseId="1" data-attr-update="0"><span>
$("#modalCancel").click(funcCancelClose);
function funcCancelClose(){ console.log($(this).attr('data-attr-testcaseId')); };

answered Nov 25, 2019 at 18:08

EmreKalafat

1065 bronze badges

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

1 Comment

Tanja16 Over a year ago

Ok. So I have to use a trick to use it as I like to . I have to use a fake html element and put my values there. Hm...

Barmar · Accepted Answer · 2019-11-25 18:18:14Z

0

What you wrote is calling funcCancelClose() immediately, and passing its value as the argument to click().

You can use an anonymous function or use the bind() function.

$("#modalCancel,#modalClose").click(function() {
    funcCancelClose(testcaseId,update);
});

$("#modalCancel,#modalClose").click(funcCancelClose.bind(null, testcaseId,update));

answered Nov 25, 2019 at 18:18

Barmar

789k57 gold badges554 silver badges669 bronze badges

4 Comments

Tanja16 Over a year ago

aha ok. So still I do not understand why normal function is executed immediately but anonymous function is not. But simply I think that is just Jquery implemenation. Right ?

Tanja16 Over a year ago

how come I can call bind on a normal javascript function. What is parameter null . Yeah this works. Thanks.

Barmar Over a year ago

It's like the difference between console.log(1+2) and console.log(function() { return 1+2; }). A function expression just creates a function, it doesn't execute it.

Barmar Over a year ago

The first argument to .bind() is the value to be given to this in the function. It's null because your function doesn't use this.

Collectives™ on Stack Overflow

JQuery click handler only anonymous function allowed

2 Answers 2

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related