我很难弄清楚 A) 如果这是解析 Twitter JSON 响应并将其放入 jquery 列表的最佳方式。B)为什么<li>
当我刷新页面时项目会分崩离析。
这是我加载推文的方式
var _url = 'https://api.twitter.com/1/statuses/user_timeline/tortugatruck.json?callback=?&include_rts=1&count=3';
$.getJSON(_url,function(data){
for(var i = 0; i< data.length; i++){
var tweet = '<p>'+data[i].text;
var created = parseDate(data[i].created_at);
var createdDate = created.getDate()+'-'+(created.getMonth()+1)+'-'+created.getFullYear()+' at '+created.getHours()+':'+created.getMinutes();
tweet = tweet.parseURL().parseUsername().parseHashtag();
tweet += '<div><div><a href="https://twitter.com/#!/CypressNorth" target="_blank" class="black">@CypressNorth</a></div><div class="right"><a href="https://twitter.com/#!/CypressNorth/status/'+data[i].id_str+'">'+createdDate+'</a></div></div>'
//$("#twitter-feed").append('<p>'+tweet+'<p>');
$("#twitter-feed").append($("<li><a href='#'>"+tweet+"</a></li>"));
//$('#twitter-feed').listview('refresh');
}
});
这是我的标记
<div data-role="content">
<ul data-role="listview" data-inset="true" id="twitter-feed">
<li><a href="#">Tweets on a page</a></li>
</ul>
</div>
我第一次导航到页面时它看起来不错(没有样式,但您可以看到各个列表项)。
但是如果刷新页面,我会失去列表项样式和导航能力。