JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="page" id="page1">
    <div data-role="header">
        	<h1>Header</h1>
    </div>
    <div data-role="content">	
        <a href="403.php?asdf=asdf" data-role="button">Go to Error Page</a>
    </div>
    
    <div data-role="footer" data-position="fixed">
        	<h1>Footer</h1>

    </div>
</div>

JavaScript

$(document).on("pageloadfailed", function(event, data){
    event.preventDefault();
    
    var errMessage = data.xhr.status + " " + data.xhr.statusText + " - " + data.url + " - " + data.options[1];

    setTimeout(function(){
        $.mobile.loading('hide');
        $.mobile.loading('show', {theme:"e", text:errMessage, textonly:true, textVisible: true});
    },50);
    
    setTimeout(function(){$.mobile.loading('hide')}, 10000);
    
    data.deferred.reject(data.absUrl, data.options);
    
});