Cant call named function when defining event listener

Asked Nov 09 '20 at 17:54

Active Nov 09 '20 at 18:12

Viewed 9 times

Basically I am trying to pass an object to a function, the object has a named function as one of its parameters as follows:

callFunctionOne({
        buttons: [{
            label: 'label',
            action: function e(dialog) {
                dialog.setTitle('Title 1');
            }}]
})

function callFunctionOne(options){

  let buttons = options['buttons'];
  for (let t = 0; t < buttons.length; t++){
     let button = buttons[t];
     $(document).on('click','#'+'amazingID'+button['label'],function(g){
       // Trying to call the function on button click only
       button.action.e();
     });
  }
}

So, This is how I'm trying to write it but its obviously wrong because I get e is not defined as a function error.

What am I doing wrong here, how do I go about passing a function as a parameter and then defining that the function is only called when the button is clicked?

Any help would be appreciated. Thanks.

edited Nov 09 '20 at 18:12

asked Nov 09 '20 at 17:54

Minstrels

Don't use `var`, *especially* with asynchronous code. (it also looks like you have a typo, use either the `t` or `i` variable names, but not both) – CertainPerformance Nov 09 '20 at 17:56
Sorry , yes the i variable name was a typo error which has now been changed. – Minstrels Nov 09 '20 at 17:58
Changed var to let however this still does not work? – Minstrels Nov 09 '20 at 18:00
Your `callFunctionOne` call's syntax is invalid - you have a `[` but no matching `]`, which will cause a SyntaxError – CertainPerformance Nov 09 '20 at 18:06
Yup , thats what happens when I type code directly into the text box, now sorted. Still getting button.action.e is not a defined function :( – Minstrels Nov 09 '20 at 18:13

Cant call named function when defining event listener

0 Answers0