使用ajax將數據從mysql填充到ListView（jQuery Mobile）

Question

<div data-role="main" class="ui-content"> 
    <ul data-role="listview" id="responsecontainer" > 
    </ul> 

這是我的HTML文件。

var output = $('#responsecontainer'); 
$.ajax({ 
    url: 'http://192.168.1.28/mobile/db_select.php', 
    dataType: 'jsonp', 
    jsonp: 'jsoncallback', 
    timeout: 5000, 
    success: function(data, status){ 
     $.each(data, function(i,item){ 
      var landmark = '<li><a href="#"><h2>'+item.tr_issue+'</h2>' 
      + '<p>'+item.tr_assign+'</p></a></li>'; 
      output.html(landmark); 
      console.log(output); 
     }); 
    }, 
    error: function(){ 
     output.text('There was an error loading the data.'); 
    } 
}); 

這是我的JavaScript。

我想從我的數據庫（MySQL）填充我的列表視圖，但問題是當它生成的主題jquery移動迪不工作。

它像一個簡單的無序列表。在此先感謝

Answer 1

添加$('ul').listview('refresh');追加HTML後

顯示改變你的成功回調，如下

success: function(data, status){ 
     $.each(data, function(i,item){ 
      var landmark = '<li><a href="#"><h2>'+item.tr_issue+'</h2>' 
      + '<p>'+item.tr_assign+'</p></a></li>'; 
      output.html(landmark); 
      console.log(output); 
     }); 
     $('ul').listview('refresh'); 
    },