Question

我使用以下代码刷新页面。但是，当将button移动到header时，它的工作时间会更长。因此button部分必须在content部分才能发挥作用。我想这与.mobile.changePage

有关

function refreshPage() {
 $.mobile.changePage(
 window.location.href,
 {
  allowSamePageTransition : true,
  transition              : 'none',
  showLoadMsg             : false,
  reloadPage              : true
 }
 );
}

$(window).load(function(){
 $('#refresh').on('click', function (e) {
    refreshPage();
 });
})

我使用以下代码调用按钮：

<div data-role="header">
    <button id="refresh" data-icon="refresh">Refresh</button>   
</div>

Answer 1

您可以使用pagecontainer小部件获取 active page ，然后使用 change 方法刷新它：

function refreshPage() {
  var curPageID = $( ":mobile-pagecontainer" ).pagecontainer( "getActivePage" ).prop("id");
  $( ":mobile-pagecontainer" ).pagecontainer( "change", "#" + curPageID, { 
    allowSamePageTransition : true,
  });
}

也代替$（window）.load（function（）{...使用jQM pagecreate事件

$(document).on("pagecreate","#page2", function(){ 
   $('#refresh').on('click', function (e) {
      refreshPage();
   });
});

<强> DEMO

在演示中，导航到第2页，然后点击刷新。

刷新页面按钮在jquery mobile中单击

1 个答案: