jQueryUI（モバイル）からajaxコンテンツへ

AJAXによって読み込まれたコンテンツにjQuery UIを適用する方法。jQueryUI（モバイル）からajaxコンテンツへ

divタグがたくさんあるAJAX jQueryコールを使用してコンテンツを読み込み、ロード時にスタイルを設定したいと思います。私はコンテンツを取得することができますが、私はコンテンツのスタイルを設定することができません。

私はモバイル用のアプリケーションを作成しています。私は変更イベントの入力を受け取り、選択したものに基づいてコンテンツを読み込みます。次に、コンテナにデータを追加しますが、モバイルスタイルのjQueryはAJAXコンテンツのページが読み込まれた後に自動的にスタイルが追加されるため、ここのスタイルはになりません。

出典

2012-02-27 avikodak

正確にスタイルを設定したいと思っているものは何ですか？私たちにいくつかのコード、手がかり、情報、簡単な説明よりもう少し役に立つものを与えてください！ – Alex

はあなたのCSSに必要なコンテンツのスタイルを適用するだけで、コンテンツがロードされるとすぐにdivに適用されます。 –

@EvilPは動作しません – avikodak

あなたの質問が正しく理解されていれば、動的に読み込まれたコンテンツにJavaScriptを適用しようとしています。

このスレッドにはヘルプがありますか？jQuery does not execute on dynamically loaded content, even on a click eventsあなたと似たような問題を報告しています。また、jQuery live()関数もチェックしてください。希望が助けてくれる！

出典

2012-02-27 12:56:45 Pankucins

'.live（）'はjQuery 1.7以降で償却され、 '.delegate（）'はjQuery（1.4.2）に追加されて以来、好まれていました。 jleryの将来のバージョンから削除されるので、 '.live（）'をもう使用しないことをお勧めします。 jQuery 1.7+は、 '.bind（）'/''.delegate（）'/'' .live（） 'に' .on（） 'を使います。 – Jasper

これは決して知らなかった、ありがとう！ – Pankucins

私は同様の問題があったと私は、このコードでそれを固定：

$.mobile.activePage.page("destroy").page();

をまた、私は私がこれを使用するリストがある場合：

$('ul.ui-listview').listview('refresh'); 
$.mobile.activePage.page("destroy").page();

すべての要素をリフレッシュするためのjQueryを強制しますそれらにスタイルを適用します。

編集：@Jasper

出典

2012-02-27 13:58:52 SERPRO

'$（ '.ui-page-active'）'は、代わりに '$ .mobile.activePage'を使用することでスピードアップできます。現在のページへの参照はjQuery Mobileによってすでに作成されているので、要素を再選択する必要はありません。 – Jasper

ありがとう、ジャスパー。私がJqueryMobileで始まったのは、私が参考文献で見つけたものです。私はそれを更新します.. – SERPRO

に更新されたコードのおかげで私はあなたが.trigger('create')を探していると信じています。コンテンツを置き換えるときは、コンテナで呼び出す：

$('#container').html(newHTML).trigger('create');

出典

2012-02-27 20:00:56 Jasper

Iamは.trigger（ 'create'）の動的カルーセルを使用して正しく動作していません – avikodak

ドロップダウンのために動作しますが、それはcarouse – avikodak

jQueryUI（モバイル）からajaxコンテンツへ

答えて

関連する問題