刷新頁面按鈕點擊jquery mobile

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, 
    }); 
} 

也代替$（窗口）.load（函數（）{...使用JQM pagecreate事件

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

DEMO

在演示中，導航到第2頁和然後點擊刷新。