「OnsenUI」カテゴリーアーカイブ

Monaca/OnsenUI：Ajax通信中にモーダルを表示を数行で簡単に実装しました。

ons.ready(function() {
	
	var $modal = $('');
	$('body').append($modal);
	ons.compile($modal[0]);
	//$modal.css('background-color','rgba(255,255,255,0.7)'); //モーダルを白に変更
	$.ajaxSetup({
		beforeSend:function(){
			myModal.show();
		},
		complete:function(){
			myModal.hide();
		}
	});
});