JSFiddle - React, Tailwind, and code Playground

by dhoerster

HTML

"Dynamic" Menu
<br/><hr/>

<ul>
    <li data-click="func1"><a href='#'>Click Me</a></li>
    <li data-click="func2"><a href='#'>No, click me</a></li>
    <li data-click="func3"><a href='#'>Really, I'm the one to click</a></li>
</ul>

JavaScript

var agileWays = agileWays || {};
agileWays.func1 = function() { alert('you clicked function 1'); };
agileWays.func2 = function() { alert('you clicked function 2'); };
agileWays.func3 = function() { alert('you clicked function 3'); };

$(function(){
    $('li').click(function(e){
        var funcToCall;
        e.stopPropagation();
        funcToCall = $(this).data("click");
        agileWays[funcToCall]();
    });
});