JQM Refresh the current page
by Norbert Wilms
HTML
<div data-role="page" id="homePage">
<div data-role="header" data-position="fixed">
<h1>Heading</h1>
</div>
<!-- /header -->
<div role="main" class="ui-content"> <a href="#storeMainPage">Store</a>
</div>
<!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div>
<!-- /footer -->
</div>
<!-- /page -->
<div data-role="page" id="liveRatesPage">
<div data-role="header" data-position="fixed"> <a href="#homePage" class="ui-btn-left ui-btn ui-btn-inline ui-mini ui-corner-all
ui-btn-icon-left ui-icon-home">
Home
</a>
<h1>Online CMR</h1>
</div>
<!-- /header -->
<div role="main" class="ui-content">
<!-- /navbar -->
<ul id="ulLiveRates" class="list-liverates"></ul>
<input id="hdnLiveRateIndex" value="0" type="hidden" />
</div>
<!-- /content -->
</div>
<!-- /page -->
<div data-role="page" id="storeMainPage">
<div data-role="header" data-position="fixed"> <a href="#homePage" class="ui-btn-left ui-btn ui-btn-inline ui-mini ui-corner-all
ui-btn-icon-left ui-icon-home">Home</a>
<h1>Online CMR</h1>
<a href="#" id="aStoreReload" class="ui-btn-right ui-btn ui-btn-inline ui-mini
ui-corner-all ui-btn-icon-left ui-icon-refresh">Reload</a>
</div>
<!-- /header -->
<div role="main" class="ui-content store-main">
<select id="ddlStoreMainCommodity" name="ddlStoreMainCommodity" data-native-menu="true">
<option value="0" selected="">Select Commodity</option>
<option value="7">Veg Oils/Cakes</option>
</select>
<div class="text-center" style=" margin-bottom: 0.313em;">OR</div>
<select id="ddlStoreCity" name="ddlStoreCity" data-native-menu="true">
<option value="0" selected="">Select City</option>
<option value="93">Adoni</option>
</select>
<h4 id="storeMainDesc">Latest Store Updates</h4>
<ul...
JavaScript
// Refresh the store main page - experimental
$(document).on('click', '#aStoreReload', function (event) {
alert(window.location.href);
$.mobile.changePage(
window.location.href, {
allowSamePageTransition: true,
transition: 'none',
showLoadMsg: false,
reload: true
});
});