0

phonegap と jquery mobile を使用してアプリを作成しています。今までは「全ページを1つのhtmlファイルに」を使っていましたが、プロジェクトが非常に大きくなり、1つのファイルにまとめるのはまずいです。すべてのページはファイル index.html にあります。

index.html の「dashboard」ページから、mentions.html の「mentions」ページに移動しても問題ない場合、トランジションはうまくいきます。しかし、戻るボタンをクリックすると、 No transaction でダッシュボード ページに移動します。

ここに私のボタンがあります:

 <a href="#dashboard" data-role="button" id="mentions-back-button" class="">Dashboard</a>
4

1 に答える 1

0

jQuery Mobile の戻るボタン リンクを使用します。

<a href="#" data-rel="back" data-role="button" id="mentions-back-button" class="">Dashboard</a>

「戻る」ボタンのリンク アンカーで属性 data-rel="back" を使用すると、そのアンカーをクリックすると戻るボタンが模倣され、履歴エントリが 1 つ戻り、アンカーのデフォルトの href が無視されます。これは、ダイアログを閉じるボタンなど、JavaScript で「戻る」ボタンを生成する場合に特に便利です。ソース マークアップでこの機能を使用する場合、この機能をサポートするブラウザーは指定された href 属性を使用しませんが、参照ページの URL を実際に指し示す意味のある値を提供して、ユーザーがこの機能を使用できるようにしてください。 C グレードのブラウザ。ユーザーが複数の参照ページからこのページにアクセスできる場合は、適切な href を指定して、ナビゲーションがすべてのユーザーにとって論理的なままになるようにします。また、実際に履歴をさかのぼらずに逆の遷移だけが必要な場合は、代わりに data-direction="reverse" 属性を使用する必要があることに注意してください。注: data-direction="reverse" は、そのページの変更時に実行される遷移の後方バージョンを単に実行することを意図していますが、data-rel="back" は、リンクをブラウザの戻るボタンおよびすべての標準と機能的に同等にします。戻るボタンのロジックが適用されます。data-rel="back" を含むリンクに data-direction="reverse" を追加しても、逆のページ遷移は反転せず、遷移の「通常の」バージョンが生成されます。data-rel="back" は、そのページ変更時に実行されるトランジションの後方バージョンを単に実行することを意図していますが、data-rel="back" はリンクをブラウザの戻るボタンと機能的に同等にし、すべての標準の戻るボタン ロジックが適用されます。data-rel="back" を含むリンクに data-direction="reverse" を追加しても、逆のページ遷移は反転せず、遷移の「通常の」バージョンが生成されます。data-rel="back" は、そのページ変更時に実行されるトランジションの後方バージョンを単に実行することを意図していますが、data-rel="back" はリンクをブラウザの戻るボタンと機能的に同等にし、すべての標準の戻るボタン ロジックが適用されます。data-rel="back" を含むリンクに data-direction="reverse" を追加しても、逆のページ遷移は反転せず、遷移の「通常の」バージョンが生成されます。

于 2012-11-30T19:50:02.217 に答える