2012-02-08 8 views
0

私はフォームといくつかのボタンを持つページを持っています。
ページにレビューボタンがあります。このボタンをクリックすると、すべてのフィールドが無効になり、いくつかの新しいボタンが表示されますが、ページは同じです。 は、ここで私は、ユーザーが彼が無効になってすべてのフィールドに新しいページに移行したという感覚を取得したいリンクJquery mobile animations

<a href="#" id="reviewBtn" data-inline="true" data-role="button" 
        onclick="disableFields()" data-transition="slide" data-icon="forward">Review</a> 

です。

onclickslideupのようなアニメーションを表示して、新しいページに移行したと感じるような方法はありますか?

答えて

0

CSSアニメーションやjqueryアニメーションを使用すると役立ちます。以下のようなコードが動作します。

disableFields(){ 
     $('pageId').hide('fast'); 
     $('pageId').show('fast'); 
    } 
+0

これを試しました。これは助けになりますが、次のページをクリックすると後で続きます。現在は隠されておらず、新しいページが表示されています...これはjqueryのページ遷移を混乱させるようです... – awsome

+0

hrefのアンカータグの代わりに、type = "button"のinputタグに変更してページ変更を処理できますボタンクリックハンドラ機能で[$ .mobile.changePage()](http://jquerymobile.com/test/docs/api/methods.html)を使用してください。 –