JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="shortcut icon" href="images/ssb-favicon.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/ssb-favicon.png" />
<link rel="apple-touch-icon-precomposed" href="images/ssb-favicon.png" />
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
<link href="css/basic.css" rel="stylesheet" media="all" />
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/jstorage.js"></script>
<script type="text/javascript" src="js/base64.js"></script>
<script type="text/javascript" src="js/currency.js"></script>
<script>
$(document).ajaxStart(function(){
console.log("startx");
var msg="Even Geduld Aub..";
$('body').addClass('ui-loading');
if(getlanguage()=="en"){
msg="Please wait..";
}
$.mobile.showPageLoadingMsg("a", msg, false);
}).ajaxStop(function(){
console.log("stopx");
$('body').removeClass('ui-loading');
$.mobile.hidePageLoadingMsg();
});
</script>
</head>
<body>
<div class="menu" id="menupage" data-role="page">
<script>
$(document).off('pageinit', '#menupage').on('pageinit', '#menupage', function() {
console.log("inside on off in menu html");
$(document).off('click', '#language').on('click', '#language', function(){
console.log("on off click");
$.mobile.changePage("language.html", {
reloadPage: true,
transition: "flip",
reverse: false
});
});
$(document).off('click', '#account').on('click', '#account', function(){
console.log("on off click");
$.mobile.changePage("account.html", {
...