jQuery Mobile События
События = ответные действия всех разных посетителей при посещении страницы.
События jQuery Mobile
В jQuery Mobile можно использовать любые стандартныесобытия jQuery 。
Кроме того, jQuery Mobile также предоставляет события для мобильных браузеров:
- События касания — срабатывают, когда пользователь касается экрана
- События свайпа — срабатывают, когда пользователь свайпает вверх или вниз
- События ориентации — срабатывают, когда устройство поворачивается горизонтально или вертикально
- События страницы — срабатывают, когда страница показывается, скрывается, создаётся, загружается или не загружается
Инициализация событий jQuery Mobile
При изучении jQuery мы узнали, что нужно использовать $(document).ready(), чтобы ваши скрипты jQuery запускались только после полной загрузки элементов DOM:
Событие document ready в jQuery
<script>
$(document).ready(function(){
// напишите методы jQuery...
});
</script>
$(document).ready(function(){
// напишите методы jQuery...
});
</script>
Попробуйте сами »
Однако в jQuery Mobile используйте событие pageinit, чтобы задать выполнение скриптов после полной загрузки элементов DOM, поэтому, чтобы выполнять скрипты при загрузке и создании любой новой страницы, вам нужно привязать событие pageinit.
Второй параметр (#pageone) — это id страницы указанного события:
Событие pagecreate в jQuery Mobile
<script>
$(document).on("pagecreate","#pageone",function(){
// событие jQuery...
});
</script>
$(document).on("pagecreate","#pageone",function(){
// событие jQuery...
});
</script>
Попробуйте сами »
 |
Примечание:Метод jQuery on() используется для привязки событий к выбранным элементам. |
|---|
В следующей главе мы подробнее рассмотрим события jQuery Mobile.
Другие расширения