2012-03-01 8 views
1

jQuery Mobileを使用していますので、変更前と変更後のページの個々の要素をアニメーション化したいと思います。 jQuery moblieで遷移を "none"に設定し、css3にクラスを追加して個々の要素をアニメートしようとします。これはページチェンジで機能するので、新しいページに移動すると要素の遷移が表示されますが、ページの変更はすぐに起こり、アニメーションは失われます。アニメーションが完了してから次のページに進むまで、pagebeforechange関数を待機させる方法はありますか? preventDefault();ページがまったく変更されなくなります。私はコールバックや延期objや何かのように必要ですか?私はアニメーションが完了した後...関数が再帰的に実行さpagebeforechangeでchangepageを呼び出す場合:(jQuery個々の要素のページ移動とページ変更の前に

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

事前に感謝します!

答えて

0

あなたの代わりにpagebeforechangeのpageshowのを試みることができる。Beaucseのpageshowのがpagechange前に発射されますイベント

関連する問題