Query Mobile でのページ遷移アニメ

質問

jQuery Mobile でのページ遷移アニメーション（data-transition）についての質問です。

通常のフォームのサブミットボタンでページ遷移をした場合はアニメーションするのですが、JavaScriptの document.forms[0].submit(); でページ遷移をしようとすると、アニメーションが効きません。
私だけでしょうか・・・

ちなみに、どうしても JavaScriptの document.forms[0].submit(); 関数でサブミットしなければなりません。（理由は長くなるので省略します）

また、
document.forms[0].submit();
return false;

としても、同様にページ遷移のアニメーションは効きませんでした。

回答No.1

fujillin · ベストアンサー

jQuery Mobileはまったく知りませんので、完全にヤマカンだけの回答ですが…

＞サブミットボタンでページ遷移をした場合はアニメーションするのですが
とのことですので、スクリプトからボタンを押せばよいのではないでしょうか？
element.tap()とかclick()とか、あるいはtriggerメソッドなどがあるのではないかと想像しますが、それを用いてサブミットさせれば、ボタンを押したのと同様の動作が期待できると思います。

サブミットボタンを設けていないのでしたら、hiddenで設けておくとか。
サブミットボタンが無くて、HTMLも変えられないというのであれば、初期設定でスクリプトからボタンを作成しておくとか…

＞どうしても JavaScriptの document.forms[0].submit(); 関数でサブミットしなければなりません。
この意味が、submit()以外のメソッドは使ってはいけない、という意味でしたら（↑）は無視してください。

お礼

「サブミットボタンをスクリプトで作成して click();」ですか。
その手がありましたか。
やってみました。できました。

ありがとうございました。