Pass javascript function as data-* attribute and execute

Question

We know such syntaxes as below, when defining a value for onClick attribute:

&         


        

Answer 1

I think a better idea would be to dynamically bind the events and trigger them. If you wanted them to only be known by other code, you could use custom events.

Then your other components could invoke them with $(selector).trigger('customCallback');