jquery-mobile - Jクエリモバイル. クリックイベント

Question

ページを変更するたびに、またはいくつかの要素（a、input [button、submit]、data-role = button）クリックイベントで読み込みメッセージを表示する必要があります。このコードを試しました：

$(document).live(`pagebeforehide`, function(){
    $.mobile.showPageLoadingMsg();
    //More stuff to do
});

しかし、それは機能していません。

Answer 1

これは Global Configs で設定できると思います。

• http://jquerymobile.com/demos/1.1.0/docs/api/globalconfig.html

loadingMessage 文字列、デフォルト: "loading"
ページの読み込み時に表示されるテキストを設定します。false に設定すると、メッセージはまったく表示されません。

loadingMessageTextVisible boolean、デフォルト: false
読み込みメッセージが表示されたときにテキストを表示するかどうか。読み込みエラーのテキストは常に表示されます。

そして、ここに $.mobile.showPageLoadingMsg メソッドのドキュメントがあります

• http://jquerymobile.com/demos/1.1.0/docs/api/methods.html

これはクリックイベントでローディングメッセージ/スピナーを使用する例です

• http://jsfiddle.net/J8nYh/

JS

$("input, a:jqmData(clickload='show')").on('click', function() {
    console.log('clicked show');
    $.mobile.showPageLoadingMsg("b", "This is only a test", true);
});

$("input, a:jqmData(clickload='spin')").on('click', function() {
    console.log('clicked spin');
    $.mobile.showPageLoadingMsg("b", "This is only a test", false);
});

$("input, a:jqmData(clickload='hide')").on('click', function() {
    console.log('clicked hide');
    $.mobile.hidePageLoadingMsg();
});

HTML

<div data-role="controlgroup" data-type="horizontal">
    <a href="#" id="showMe" data-role="button" data-clickload="show">Show Loading Message</a>
    <a href="#" id="showMe" data-role="button" data-clickload="spin">Show Loading Spinner</a>
    <a href="#" id="hideMe" data-role="button" data-clickload="hide">Hide Loading Message/Spinner</a>
</div>