jquery-mobile - 单击链接时如何刷新页面

Question

我在页面上有一些标签（使用 jquery mobile）。但是，当我更改标签时，我想刷新页面。

这是我的页面中的内容：

<li><a href="#" data-icon="arrow-r" data-tab-class="tab-info">Info</a></li>
<li><a href="#" data-icon="arrow-r" data-tab-class="tab-insights">Insights</a></li>

我尝试将 js 重新加载到我的 href 中，如下所示：

<li><a href="#" data-icon="arrow-r" data-tab-class="tab-info">Info</a></li>
<li><a href="javascript:history.go(0)" data-icon="arrow-r" data-tab-class="tab-insights">Insights</a></li>

但是，这会重新加载页面并将您放回到第一个选项卡上。

Answer 1

要刷新当前页面，请使用以下代码。

$('.selector').on('click', function () {

 // get ID of the current page
 var refreshpage = '#' + $.mobile.activePage[0].id;

 // this will refresh the same page
 $.mobile.changePage(refreshpage, {
  allowSamePageTransition: true
 });
});