動的に作成されたjQueryモバイルリストビューの項目はjQuery.tmplでjQueryモバイルスタイルを取得しません

Question

私は自分の問題のjsfiddleを作成しました。 Here is a link to the jsfiddle.これは、jquery mobileを使い慣れた人にとっては簡単にできると思います。

私はjquery.tmplと組み合わせてjquery mobileを使用しています。基本的には例からわかるように私はJSONオブジェクトをとり、.appendTo呼び出しに渡しています。テンプレートを使用して正しく<li>の

を作成するように見えます。<li>の動的に作成された問題は、マークアップにあったようなJQMスタイルを取得できません。

私はこれを見て数時間を過ごしましたが、ほとんどの人は$("dynamicContentHolder").listview("refresh");または$("dynamicContentHolder").listview();またはその両方を使って問題を解決すると言います。 JQMのドキュメント(LINK)によると、pageinitイベントにバインドする必要があります。これは、ページが直接ロードされるか、ajax navが呼び出されるたびに呼び出されます。 JQMにもよると、.listview('refresh')を使って、新しく追加された<li>のスタイリングを更新する必要があります。(LINK)によると、

コードが正常に動作しているかのように思われます。

Answer 1

私は忙しい時を過ごしました。私が提出してから2分後にエラーが見つかりました。私のjQueryセレクターが間違っていた$("#dynamicContentHolder").listview("refresh");