JQueryMobile 1.0のLIの動的ロード

Question

私のプロジェクトをjquerymobile 1.0a1からバージョン1.0に更新しました。

動的コンテンツに問題が発生しました。 ajax検索に基づいて、リスト項目で順序付けられていないリストを作成します。

$('#myContent').find("ul").listview(); 
$('#myContent').find("ul").listview('refresh'); 

を、これはもはや動作しているようですが1.0のとおりです。すべてのスタイリングが正しく現れないように、前の次のコードは、リストをリフレッシュし リストが表示されますが、スタイリングはすべて間違っており、すべての要素のデータテーマは無視されます。 誰もが同様の問題を抱えていて、解決策を見つけて解決策を見つけましたか？

Answer 1

Updating lists
If you add items to a listview, you'll need to call the refresh() method on it to update the styles and create any nested lists that are added. For example:

$('#mylist').listview('refresh'); 

Note that the refresh() method only affects new nodes appended to a list. This is done for performance reasons. Any list items already enhanced will be ignored by the refresh process. This means that if you change the contents or attributes on an already enhanced list item, these won't be reflected. If you want a list item to be updated, replace it with fresh markup before calling refresh.

• http://jquerymobile.com/demos/1.0/docs/lists/docs-lists.html

#myContentは、あなたがこれを行うことができますリストビューがある場合：

：#myContentは、あなたがこのような何かを行うことができますページがある場合

$('#myContent').listview('refresh'); 

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

あなたは、次のと、コードのあなたの2行を置き換えることによって達成することができる欲しい

• http://jquerymobile.com/demos/1.0/docs/pages/page-scripting.html

Answer 2

：

$('#myContent ul').listview('create'); 

・ホープ、このことができます...

Answer 3

私はしましたこの問題がありました。すべてのことを混乱させている理由は、要素を複数回インアクティブ化してリフレッシュすることです。私は同じ要素上で.listview（ 'refresh'）を呼び出す2つの異なる関数を実行していることに気付きました。私がテーマを1つ取り出した後、データは正常に見えるように戻った。また、JSエラーを取得していますか？

EDIT： より具体的には、コードのどこかで.listview()を2回呼び出して2回初期化しています。あなたがページをロードしてリフレッシュを実行する前に私は待っていますので、一度呼び出すだけです。

もう1つのことは、要素が既に初期化されているかどうかをチェックすることです。クラスui-listviewが存在するかどうかを確認するには、要素または場合によっては親要素をチェックしてください。

var element = $('#myContent').find('ul');  

if ($(element).hasClass('ui-listview')) { 
    //Element is already initialized 
    $(element).listview('refresh'); 
} else { 
    //Element has not been initiliazed 
    $(element).listview().listview('refresh'); 
} 

ちょうどFYIあなたはそれが通じachivedことCAND $('#myContent').find('ul').listview().listview('refresh');

Answer 4

に見えるように、それらのイベントをチェーンすることができます。

$('#myContent').listview('refresh'); 

The below snippet shows you to load data from xml and dynamically create a list view. 
function loadData() 
{ 
    $.ajax({ 
    url:"BirthdayInvitations.xml", 
    dataType: "xml", 
    success: function(xml) 
    { 
     $(xml).find("event").each(function() 
     { 
     $("#mymenu").append('<li><a href='+ "#" + ' id="a" ">' + this.textContent + ' </a> </li>'); 
     }); 

     $("#mymenu").listview('refresh'); 
    } 
}); 
} 

Answer 5

これは最初の例ではウルの質問http://www.amitpatil.me/demos/jquery-mobile-twitter-app/この1もhttp://www.amitpatil.me/demos/ipad-online-dictionary-app/

に関連している場合、私はリストビュー（「リフレッシュ」）を使用しています参照してください。 2番目の例では私は $（document）.page（ "destroy"）を使っています。ページ（）;