JSFiddle - React, Tailwind, and code Playground

by bmgonzal

HTML

Please wait...

JavaScript

var loadNum = 0;

// Is the document ready?
$(document).ready(function(){
  
  $('body').append('<div>document ready...</div>');    
  
  loadNum ++;
  if (loadNum == 2)
      $(document).trigger('docAndHeadJSReady');
});

// Is head js loaded?
$(document).bind( 'headjsLoaded',function(){
    $('body').append('<div>head.js ready after 3s...</div>');
    
    loadNum ++;
    if (loadNum == 2)
      $(document).trigger('docAndHeadJSReady');
});
    
// Are both head.js and document ready?
$(document).bind( 'docAndHeadJSReady',function(){
    $('body').append('<div>head.js and document ready!!</div>');
});


//
// Emulate some long load sequence...
//
setTimeout(function(){
  $(document).trigger('headjsLoaded');   
}, 3000)