2012-04-05 10 views
2

jquery-mobileアプリケーションには2つの「実際の」HTMLページがありますが、さらに多くのdata-role="page" divsがあります。この問題は、最初の実際のHTMLページから次の実際のページに移動するときに発生します。ナビゲーションが機能しなくなります。カスタムJavaScriptはありません。私はjqmライブラリを使用しています。jquery-mobileのページナビゲーションの問題を解決するには

最初の実ページがロードされると、私は<div data-role="page" id="oneA">に私を取る<a href="#oneA">one A</a>のようなものを使用して問題なしdata-role="page"項目をナビゲートすることができるよ、と同様にONEB、oneCなど

私が行けば第二実ページへなど、私は<div data-role="page" id="twoA">に私を取る<a href="#twoA">two A</a>のようなものを使用して、問題なくdata-role="page"項目をナビゲートすることができるよ、と同様にtwoB、twoC

しかし私がクリックした場合、問題がある私をtに連れて行く最初の実ページのリンク彼は2番目の実ページを(直接ページに当るのではなく)、jquery mobileは混乱しているように見え、他の<div data-role...>ページに切り替えることを拒否します。リンクがクリックされると、最初のデータロールページにとどまります。ブラウザのホバーのリンクが正しいように見えます(たとえば、末尾に#twoBがありますが、そこをナビゲートしません)。

これはjquery-mobile(私は最新1.0.1を使用しています)を単純にフォールダウンしたものです。私は自分のjavascriptを分解して書き留める必要がありますか?

+0

コンソールエラー? – aki

+0

コンソールエラーはありません。 – Dale

答えて

4

欠けているものは、最初のページから2番目のページに移動するアンカータグ内のrel="external"属性です。代わりに<a href="secondPage">second page</a>の代わりに<a href="secondPage" rel="external">second page</a>を試してください。