jQuery Mobile的CSS不ajax調用，即使（.listview（ 「刷新」））

Question

頁失去了JQMobile CSS叫阿賈克斯後，甚至當我加入了工作後， ：

$(document).ready(function() { 
var display= $("#displaydata"); 
    function displaydata() 
{ 
    $.ajax({ 
     crossDomain:true, 
     type:"GET", 
     data:"lihat==suku", 
     url:"server.php", 
     success: function(data){   
     display.html(data); 

     } 
    }); 
} 

displaydata(); }); 

我呼籲從PHP數據，這是我的PHP代碼：

if(isset($_GET["lihat"])=="suku") 
{ 
    $tampil = mysql_query("select * from deskripsi"); 
    echo"<ul id='ul' data-role='listview' data-inset='true' data-filter='true' data-filter-placeholder='Cari Suku Besar...'>"; 
    while($r = mysql_fetch_array($tampil)) 
    { 
     echo"<li>$r[suku]</li>";  
    } 
    echo"</ul>"; 
} 

Answer 1

這裏有一個建議：

在你PHP代碼，建立一個HTML字符串，然後最後回聲字符串值。

像這樣：

if(isset($_GET["lihat"])=="suku") { 
    $tampil = mysql_query("select * from deskripsi"); 
    $string = "<ul id='ul' data-role='listview' data-inset='true' data-filter='true' data-filter-placeholder='Cari Suku Besar...'>"; 
    while($r = mysql_fetch_array($tampil)) { 
     $string .= "<li>$r[suku]</li>";  
    } 
    $string .= "</ul>"; 
    echo $string; 
} 

和追加的響應數據後，在您的阿賈克斯成功函數中添加如下代碼：

$("#idlist").listview().trigger("create"); 

享受...

Answer 2

按f12，看看wheather你getti任何錯誤消息。你確定收到的迴應是否正確？

你需要成功的功能如下。 html()將簡單地替換div中的所有內容，因此您必須重新添加<ul></ul>標籤。

success: function(data){ 
     var tempString = "<ul data-role='listview'>"; 
     tempString += data; 
     tempString += "</ul>"; 
     display.html(tempString); 
    } 

嘗試並刷新列表視圖如下

$("#idlist").listview(); 

$("#idlist").listview("refresh");似乎對現有列表視圖不是我們從scractch建立了一個工作。