Переходы jQuery Mobile на странице отдельных элементов перед изменением и изменением страницы

Итак, я использую jQuery Mobile и хочу анимировать отдельные элементы при изменении страницы как до, так и после изменения. Я устанавливаю переходы на «нет» в jQuery moblie, а затем пытаюсь добавить класс в css3, анимирующий отдельные элементы. Он работает при смене страницы, поэтому при переходе на новую страницу появляется переход по элементам, но pagebeforechange происходит быстро и анимация теряется. Есть ли способ заставить функцию pagebeforechange дождаться завершения анимации, а затем перейти к следующей странице? предотвратить по умолчанию(); останавливает изменение страницы вообще. Мне нужен обратный звонок или отложенный объект или что-то в этом роде? Если я вызываю changepage в pagebeforechange после завершения анимации... функция запускается рекурсивно :(

transitions: function(){
 $(document).bind( "pagebeforechange", function( e, data ) {
    $('.search_words li').addClass('animated flipInX');
 });

 $(document).bind( "pagechange", function( e, data ) {
    $('.search_words li').addClass('animated flipInX');
 });
},

Заранее спасибо!


person l2d2    schedule 01.03.2012    source источник


Ответы (1)


вы можете попробовать pageshow вместо pagebeforechange. Beause pagehow запускается до события смены страницы

person draggee12    schedule 08.03.2012