Я создал мобильное приложение с помощью jQtouch. Мне нужно, чтобы мой пользователь знал, когда загружается вызов ajax после того, как он нажал кнопку формы. Итак, я хочу загрузить маску и простую загрузку GIF.
Я могу заставить его работать в настольной версии приложения без проблем, но на мобильном телефоне с фреймворком jQtouch я не могу.
Я пробовал jquery-loadmask и подключаемый модуль jquery.loading.
У кого-нибудь есть опыт работы с jQtouch и созданием уведомления о загрузке?
К сожалению, сайт не позволяет мне сделать глубокую ссылку на соответствующий раздел, но вы найдете решение примерно на полпути вниз по этой странице (просто нажмите cntr+F и выполните поиск «индикатор прогресса»):
http://building-iphone-apps.labs.oreilly.com/ch03.html#ch03_id35817310
Это не относится к jQTouch, но вы должны иметь возможность связать его и предварительно загрузить загрузочную графику, используя параметры инициализации jQTouch.
Надеюсь, это поможет.
Вы можете использовать плагин jQuery blockUI (http://jquery.malsup.com/block/) . Я успешно использовал его в проекте, и его очень легко интегрировать. Он хорошо работает как на iPhone, так и на Android.
Это работает для jQTouch с использованием Zepto (не тестировалось с jQuery).
HTML:
<div id="jqt">
...
<div id="loading"></div>
</div>
CSS:
div#jqt #loading {
background: rgba(0,0,0,0.5) url('../images/scanner/loading.gif') 50% 50% no-repeat;
z-index: 999;
position: fixed;
}
JS:
$(document).on('ajaxStart', function(){
$('#loading').addClass('current');
});
$(document).on('ajaxStop', function(){
$('#loading').removeClass('current');
});
