ajaxが次のページに表示するデータを読み込んでいるときにスピニングホイールを表示しようとしています。console.logから確認できるので、ajaxstartイベントとajaxstopイベントを正しくキャッチできますが、スピニングホイールが表示されません。
$(document).ajaxStart(function(){
console.log("started");
$('#loading').show();
$.mobile.showPageLoadingMsg("a", msg, false);
}).ajaxStop(function(){
console.log("stopped");
$('#loading').hide();
$.mobile.hidePageLoadingMsg();
});
面白いのは、前のページに戻ったときにホイールが機能することですが、別のページに移動したときは機能しません。
$.mobile.changePage("settings.html", {
transition: "flip",
reverse: false
});