當我用jQuery Mobile按下後退按鈕時，如何顯示加載圖像？

Question

當我在我的jQuery Mobile應用程序中按下鏈接時，jqm（作爲一個驚人的庫）自動顯示一個很好的小旋轉圖像，表示「加載」爲最簡短的時刻，然後將我帶到該頁面。

但是，我的各種頁面上的後退按鈕沒有內置該功能。如何手動添加它？

Answer 1

有時候不需要加載消息。如果頁面被緩存並可以直接切換到它，那麼爲什麼顯示加載消息。如果你絕對想要一個，那麼有兩個JQM方法可以爲你做到這一點。

1. $ .mobile.showPageLoadingMsg（）作爲名稱指示顯示加載消息或圖標。
2. $ .mobile.hidePageLoadingMsg（）會再次隱藏它。

這是一個小例子。

HTML

<div data-role="header"> 
    <a class="customBackBtn">Back</a> 
    <h1>My Title</h1> 
</div><!-- /header --> 

JS

$(document).on('click','.customBackBtn',function(){ 

    $.mobile.showPageLoadingMsg(); 

    setTimeout(function(){ 
     $.mobile.hidePageLoadingMsg(); 
     history.back(); 
    }, 1000); 

});​​​​​​​​​​​​​​​​​​​​ 

working jsfiddle example