JSFiddle - React, Tailwind, and code Playground
by rushijogle
HTML
<link href="http://jqmdesigner.appspot.com/gk/lib/jquery.mobile/1.4.3/jquery.mobile-1.4.3.min.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
<!-- Uncomment the following to include cordova in your android project -->
<!--<script src="http://jqmdesigner.appspot.com/platforms/android/cordova.js"></script>-->
<!-- GK Loader use RequireJS to load module -->
<script src="http://requirejs.org/docs/release/2.1.11/minified/require.js"></script>
<!--Plug in GK-->
<script src="http://jqmdesigner.appspot.com/components/jquery.gk/jquery.gk.min.js"></script>
<!-- Load GK components -->
<script components="http://jqmdesigner.appspot.com/components/gk-jquerymobile/icon.html,http://jqmdesigner.appspot.com/components/gk-ext/gk-text.html" callback="mobileInitPage" src="http://jqmdesigner.appspot.com/components/gk-loader/gk-loader.js"></script>
<title>EZo App</title>
</head>
<body gk-app>
<!-- Page: pageone -->
<div data-role="page" id="pageone">
<div data-role="panel" id="myPanel">
<h2>Panel Header</h2>
<p>You can close the panel by clicking outside the panel, pressing the Esc key or by swiping.</p>
</div>
<div data-role="header">
<h1>Page Header</h1>
<a href="#myPanel" class="ui-btn ui-btn-left">Button</a>
</div>
<div data-role="main" class="ui-content">
<div class="ui-grid-b" style="height:70px">
<div class="ui-block-a" style="height:100%">
<div is="icon" style="width:85px; height:90px; position:relative">
<span class="ui-li-count" style="position:absolute; display:none; z-index:1; right:0; top:6px;"></span>
<a href="#" class="ui-btn ui-mini ui-corner-all ui-shadow"...
JavaScript
$(document).on("mobileinit", function () {
$.mobile.autoInitializePage = false;
$.mobile.hashListeningEnabled = false;
});
function mobileInitPage() {
$.mobile.hashListeningEnabled = true;
$.mobile.initializePage();
};