अजाक्स कॉल

Question

से JQuery मोबाइल डायनामिक सूची मेरे पास एक सूची है जो $ .ajax कॉल से बनाई जा रही है। डेटा इंजेक्शन काम कर रहा प्रतीत होता है, लेकिन एचटीएमएल सूची दृश्य के लिए JQueryMobile शैलियों को नहीं उठा रहा है। क्या कोई इस बारे में कोई अंतर्दृष्टि प्रदान कर सकता है कि यह क्यों हो रहा है? ,

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>"; 
     } 

     } 
    } 

Answer 1

सूची तत्व ताज़ा करने के लिए सुनिश्चित करें कि एक बार आप इसे आबादी गए हैं, अन्यथा-के रूप में आपने:

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>"; 
      } 
     }); 
     } 

इस संहिता की जानकारी प्रदर्शित करता है:

यहाँ अजाक्स कॉल है पाया-jQM शैली लागू नहीं मिलता है:

SomeData_list.listview('refresh'); 

Answer 2

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