1

IBM Worklight と jQuery ライブラリを使用してアプリを開発しています。アプリの構造は

Login.html --> Menu.html -->

  • Menu1 --> Menu1.html -->(ボタンクリック時)--> Detail.html -->(保存)address.html
  • Menu2 --> Menu2.html -->(ボタンクリック時)--> data.html --> edit.html

したがって、アプリは上記のように流れます。アプリケーションにはさらに多くのページがあり、これらすべてをhtmlだけに含めるのは適切ではないため、jQuery単一ページテンプレート(各htmlファイル内)を使用しています。

私が作成しました

<div data-role="page" id="menuPage" data-theme="c"></div>
<div data-role="page" id="menu1" data-theme="c"></div>
<div data-role="page" id="details" data-theme="c"></div>

ボタンをクリックする$('#divID').load(abc.html, callback)とcallback、上記のhtmlファイルに動的要素を作成し、jQuery.append(). 要素を追加した後$.mobile.changePage($('#menuPage'), 'pop');、ページを変更するために使用しています。

今まではすべて正常に動作していましたが、戻るボタンを使用しようとすると問題が発生します。Chrome ブラウザーまたはモバイル シミュレーターで戻るボタンを使用すると前のページに移動できますが、その前のページのリンク/ボタンを使用して次のページに移動しようとすると、スタイルなしで次のページが作成されます。スタイルのない C グレードのブラウザーのようになります。

問題は、ページを操作してDOMにロードするのが正しい方法かということです。そして、戻るボタンを正しく機能させる方法。

どんな提案でも非常に役に立ちます。前もって感謝します...

4

1 に答える 1

0 
$("#ID").trigger("create") or
$("#ID").page().trigger("create") or
$("#ID").trigger("pagecreate").

ページを 1 つずつロードした後、上記のすべてのコードをコールバック関数に追加してみてください。

于 2013-11-27T16:01:36.973 に答える