JSFiddle - React, Tailwind, and code Playground

by mowglisanu

HTML

<div class="d">d</div>
<div class="e">e</div>
<button id="f">Trigger1</button>
<button id="g">Trigger2</button>
<button id="h">Unbind1</button>
<button id="i">Unbind2</button>

JavaScript

function f(){
    alert('f');
}
function g(){
    alert('g');
}
function j(){
    alert('j');
}
function trigger1(){
    $('.d').trigger('custom');
}
function trigger2(){
    $('.e').trigger('custom');
}
$('.d').live('custom', f);
$('.e').live('custom', g);

$('#f').live('click', trigger1);
$('#g').live('click', trigger2);
$('#h').live('click', function(){$(document).unbind('custom', f);});
$('#i').live('click', function(){$(document).unbind('custom', g);});