jQueryMobile的(十九) 动画事件(animationComplete)

animationComplete

jQuery Mobile 提供了 animationComplete 事件，在页面转场等 jQuery Mobile 动画结束时触发。可以利用该事件，配合增加或删除一个 class 来做出自定义的过场效果（为新页面增加一个 class ，添加自定义的 CSS3 动画，使用 pagehide 判断旧页面已隐藏后再使用 animationComplete 判断新页面动画已结束，然后移除 class），例如：

$(document).bind('pagehide', function(event, ui) {
    $(ui.nextPage).animationComplete(function() {
        // 移除相应的 class
    });
});