JSFiddle - React, Tailwind, and code Playground

by Ukjin Yang

HTML

<button class="trigger1">Trigger (prevent sub event)</button>
<button class="trigger2">Trigger (global:false to pass sub event)</button>
<div class="result"></div>
<div class="log"></div>

JavaScript

$("div.log").ajaxSuccess(function(evt, xhr, settings) {
    $(this).text( "Ajax was ran successfully." );
});

$("button.trigger1").click(function() {
    $("div.log").text('');
    $.ajax( "/echo/json/", {
        success: function(){
        	$('div.log').append('OH YEAH!');
        }
    });
});

$("button.trigger2").click(function() {
    $("div.log").text('');
    $.ajax( "/echo/json/", {
        global: false,
        success: function(){
        	$('div.log').append("OH YEAH!");
        }
    });
});