在更改和页面更改之前,jQuery Mobile会在单个元素页面上进行转换

时间:2012-03-01 20:11:28

标签: jquery-mobile css-transitions

所以,我正在使用jQuery Mobile,我想在更改之前和之后更改页面上的各个元素。我在jQuery moblie中将转换设置为“none”,然后尝试将类添加到css3中为单个元素添加动画。它适用于页面更改,因此当您转到新页面时,会显示元素的转换,但是pagebeforechange会很快发生并且动画会丢失。有没有办法使pagebeforechange函数等到动画完成后再转到下一页?的preventDefault();阻止页面改变。我需要回电话或延期对象或其他什么?如果我在动画完成后调用pagebeforechange中的changepage ...函数以递归方式运行:(

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');
 });
},

提前致谢!

1 个答案:

答案 0 :(得分:0)

您可以尝试使用pageshow而不是pagebeforechange。 Beaucse页面显示在pagechange事件

之前触发