JSFiddle - React, Tailwind, and code Playground

by therealklanni

HTML

<ul class="game-item">
    <li><div class="giveMeSomeStyle" data-href="#">test</a></li>
</ul>

JavaScript

$('.game-item').each(function(i, em){
    var $em = $(em);
    var game = $em.attr('class').replace('game-item ', '');
 
    $em.find('.giveMeSomeStyle').click(function(event){
       
               
        var $link = $(this);
        var clicked = $link.data('clicked');
       
        if(typeof clicked === 'undefined') {
            event.preventDefault();
           
            $link.data('clicked', true)
           
            mpq.track('Game Select', { 'test': 1, 'ad_id': 3/*dummy value*/, 'game': game}, function(){
                console.log('click!',$link.data('href'));
                $('<a/>',{href:$link.data('href')}).trigger('click');
            });
        } else {
            return true;
        }
    });
});

mpq = {
    track: function(a,b,c) {
        // just a dummy function to execute your callback
        c();
    }
}