0

我很难弄清楚 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>

我第一次导航到页面时它看起来不错（没有样式，但您可以看到各个列表项）。
定义的列表项

但是如果刷新页面，我会失去列表项样式和导航能力。
无法区分推文

4

0 回答 0