JSFiddle - React, Tailwind, and code Playground

by RoryMcCrossan

HTML

<div id="loading">Loading...</div>

<a href="#" id="ajaxLoader">Click to run ajax [demo]</a>

CSS

#loading {
    display: none;
    position: absolute;
}

JavaScript

$("#ajaxLoader").click(function() {
    $("#loading").show(); 
    
    // do some ajax, put the following code
    //$.ajax({
    //   settings etc.
    //   success: function() {
    //       $("#loading").hide();  
    //   } 
    //});
    
});

$("HTML").mousemove(function(e) {
    $("#loading").css({
        "top" : e.pageY,
        "left" : e.pageX + 15
    });
});