How to call a parameter on click to call a function

Question

I am trying to call a function with a param:

This is the function:

var showCustomTooltip = function(e, param) {
    param.show(function() {...});
};

and this is how I am trying to call it:

$t1btn.on('click', {param: $('.t1')}, showCustomTooltip);

But is the error I am getting in the console:

Uncaught TypeError: Cannot read property 'show' of undefined

What am I doing wrong?

this may indicate that your selector found nothing. Have you placed your code in $(document).ready() ? — zmii
– zmii, Commented Sep 27, 2017 at 21:41

lilezek · Accepted Answer · 2017-09-27 21:43:36Z

1

Look here:

var showCustomTooltip = function(e, param) {
    param.show(function() {...}); // param is undefined
};

Instead:

var showCustomTooltip = function(e) {
    e.data.param.show(function() {...});
};

jQuery docs example:

function greet( event ) {
  alert( "Hello " + event.data.name );
}
$( "button" ).on( "click", {
  name: "Karl"
}, greet );
$( "button" ).on( "click", {
  name: "Addy"
}, greet );

edited Sep 27, 2017 at 21:43

answered Sep 27, 2017 at 21:42

lilezek

7,4552 gold badges30 silver badges47 bronze badges

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

1 Comment

lilezek Over a year ago

@zmii The docs are referenced in the first line. Is not clear enough?

Collectives™ on Stack Overflow

How to call a parameter on click to call a function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related