将推文发送到JQuery列表,遇到刷新问题

时间:2013-03-08 15:25:35

标签: jquery cordova jquery-mobile twitter

我很难弄清楚如何这是解析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>

我第一次导航到页面看起来很好(没有样式,但你可以看到各个列表项) defined list items

但是如果刷新页面,我会丢失列表项样式和导航能力 can't tell the tweets apart

0 个答案:

没有答案