web-applications - jQuery Mobile:文字列テンプレートから動的ページを作成する方法は?

Question

皆さんこんにちは、これはスタックオーバーフローでの最初の質問です。jQuery Mobile (UI 用) と PhoneGap (クロスプラットフォームが必要なため) を使用してシングル ページ Web アプリを作成してみます。私のアプリでは、いくつかのテンプレート (文字列) を使用してページを作成したいと考えています。ボタンまたはリスト要素をクリックすると、アプリはテンプレートから対応するページを作成し、# 属性でナビゲートします。テンプレートを初めてロードするときにjqmがページを正しい方法でレンダリングしますが、DOMから削除してページが必要なときに追加すると、jqmはそのスタイルでページをレンダリングしませんが、表示されるのはリンク (または他の要素)。みんなありがとう！

Answer 1

残念ながら、jQuery Mobile の公式ドキュメント メソッド .trigger('create') では、ページ全体のスタイルを変更できません。

代わりに、これを使用する必要があります。

$('#newPageID').trigger('pagecreate');

これが実際の例です：http://jsfiddle.net/Gajotres/vN45m/

pagecreate を create に置き換えるか、その行全体にコメントするだけで、簡単に睾丸にすることができます。

Answer 2

デフォルトでは、jQuery Mobile はページの適切なマークアップを自動拡張しますが、後で動的コンテンツを追加する場合createは、新しいページで手動でイベントをトリガーする必要があります。

例えば

$('#newPageID').trigger('create');

ドキュメントから

ただし、新しいマークアップをクライアント側で生成するか、Ajax を介してコンテンツを読み込んでページに挿入する場合は、create イベントをトリガーして、新しいマークアップに含まれるすべてのプラグインの自動初期化を処理できます。これは任意の要素 (ページ div 自体も含む) でトリガーできるため、各プラグイン (リストビュー ボタン、選択など) を手動で初期化するタスクを節約できます。