微博集成jquery移動應用程序

Question

我正在開發應用程序使用jQuery Mobile和Phonegap，這個應用程序我想集成twitter。 我試試這個。

<script type="https://twitter.com/status/user_timeline/'user'.json?count=30&callback=listTweets" type="text/javascript"></script> 

JavaScript是：

function listTweets(data){ 
console.log(data); 
var output = '<ul data-role="listview">'; 

$.each(data, function(key, val){ 
    var text = data[key].text; 
    var thumbnail = data[key].user.profile_image_url; 
    var name = data[key].user.name; 

    output += '<li>'; 
    output += '<img src="' +thumbnail+ '" alt="Photo Of ' +name+ '">'; 
    output += '<div>' +text+ '</div>'; 
    output += '</li>'; 
    }); 
    output += '</ul>'; 
    $('#tweetlist').html(output); 
} 

HTML是：

<div data-role="page" id="tweets"> 
<div data-role="content" id="tweetlist"> 
</div> 
</div> 

它給我黑屏，當我檢查元素，它給我：

考慮使用 'DPPX'單位，如在CSS'dpi'中表示每英寸點數，而不是每英寸點數，因此不符合屏幕的實際「dpi」 。在媒體查詢表達式：只有屏幕和（-webkit分鐘設備像素比：1.5），不是所有的，只有屏幕和（最小分辨率：240dpi）

任何建議

在先進的感謝。 http://api.jquerymobile.com/listview/#method-refresh

$("#tweetlist").listview('refresh'); 

應該作品：

Answer 1

按規定使用本文的refresh電話。

編輯

我的道歉。我沒有仔細閱讀你的代碼。主要問題是你的$.each循環。您關閉ul標籤，你顯示結果之前的循環結束試試這個（JS是functionnal你不記得了？）：

function listTweets(data){ 
    console.log(data); 
    var output = '<ul data-role="listview">'; 
    var text, thumbnail, name; 

    // Use a loop instead a $.each 
    for(var i=0, _len=data.length; i < length; i++) { 
     text = data[i].text; 
     thumbnail = data[i].user.profile_image_url; 
     name = data[i].user.name; 

     output += '<li>'; 
     output += '<img src="' +thumbnail+ '" alt="Photo Of ' +name+ '">'; 
     output += '<div>' +text+ '</div>'; 
     output += '</li>'; 
    } 
    output += '</ul>'; 
    $('#tweetlist').html(output); 
    $("#tweetlist").listview('refresh'); // In case of 
}