0

jQuery Mobileアプリでリンクを押すと、jqm（すばらしいライブラリ）は、そのページに移動する前に、「読み込み中」を意味する小さな渦巻く画像を自動的に表示します。

ただし、さまざまなページの戻るボタンにはその機能が組み込まれていません。手動で追加するにはどうすればよいですか？

4

1 に答える 1

2

メッセージをロードする必要がない場合もあります。ページがキャッシュされていて、直接ページに切り替えることができる場合は、読み込みメッセージを表示するのはなぜですか。どうしても必要な場合は、これを行う2つの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);

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

作業中のjsfiddleの例

于 2012-05-20T22:14:36.367 に答える