2011-07-23 26 views
5

$ .ajax çağrısından oluşturulmuş bir listem var. Veri enjekte çalışıyor gibi görünüyor, ancak HTML listView için JQueryMobile stilleri toplamaz. Bunun neden olabileceğine dair herhangi bir fikir verebilir mi? Aksi-olarak, bunu nüfuslu bir kezJQuery Mobile Dinamik Listesi Ajax Çağrısı

function showSomeData(json){ 
     var SomeData_list = document.getElementById("SomeData_list"); 
    SomeData_list.innerHTML = ""; 
    var dt =json.results; 
     if (dt.length <= 0){ 
     SomeData_list.innerHTML += "<li>Error Message.</li>"; 
     } 

     else{ 
      for (var i=0; i<dt.length; i++){ 
      SomeData_list.innerHTML += "<ul data-role='listview' data-theme='d'><li class=\"data-role='listview' data-theme='d'\"><a href='index.html'> <img src='photo.png' width='70' /><h3>Some Stuff Here</h3><p>213</p></a></li></ul>"; 
     } 

     } 
    } 

cevap

10

liste elemanını yenilemek için emin olun size ettik:

function getF(){ 
     // Show a loading message 
     var SomeData_list = document.getElementById("SomeData_list"); 
     SomeData_list.innerHTML = "<li>Loading...</li>"; 

     var gUrl = "SomeData_list.php?; 
     // Do the ajax call 
     $.ajax({ 
      url: gUrl, 
      // Callback (onsuccess) 
      success: function(d, status, req){ 
      var json = eval('(' + d + ')'); 
      showSomeData(json); 
      }, 
      // Error handler 
      error: function(req, status, err){ 
      // Alert the user that something went wrong 
      var group_list = document.getElementById("group_list"); 
      SomeData_list.innerHTML = "<li>An error occured. Conversations could not be loaded<br>"+status + ": " + err + "</li>"; 
      } 
     }); 
     } 

Bu Kod bilgisi görüntüler: Burada

Ajax Çağrı olduğu bulunan-jQM stilleri uygulanan alamadım:

SomeData_list.listview('refresh'); 
+0

Ben Cevap için teşekkürler. Nerede yerleştiririm? Bunu şanssız bir şekilde denedim. Bu döngüde listelenmeli mi? –

+0

Yukarıda da söylediğim gibi, listeye öğeler eklendikten sonra, yani ** döngüden sonra ** bunu çağırmayın. – Ben

0
$('#list').trigger("create");...