如何在单击链接时刷新页面

时间:2013-03-26 16:46:31

标签: jquery-mobile tabs refresh

我在页面上有一些标签(使用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>

但是,这会重新加载页面并将您重新放回第一个标签页。

1 个答案:

答案 0 :(得分:2)

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

$('.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
 });
});