JQuery Мобильный телефон. События щелчка

Question

Мне нужно, чтобы на каждой странице менялись или на некоторых элементах (a, input [button, submit], data-role = button). Я пробовал этот кусок кода:

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

но он не работает.

Answer 1

Я думаю, что вы можете установить в глобальной конфиге:

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

loadingMessage строка, по умолчанию: "загрузка"
Установите текст, который появляется, когда страница загружается. Если установлено значение false, сообщение не будет отображаться .

loadingMessageTextVisible булево, по умолчанию: ложные
ли текст должен быть виден, когда отображается сообщение загрузки. Текст всегда видно для ошибок при загрузке.

А вот Документы для метода $ .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>