如何将这个RSS提要放入jQuery listview中?

Question

好的，我找到了这个RSS插件，我想在一个网页内显示它，但我希望它是在一个jQuery listview，所以每个项目是一个列表项目，有人可以向我解释如何做到这一点吗?我把jsfiddle的链接放在下面!由于
http://jsfiddle.net/8qhZP/
这是我找到插件的源代码
http://www.jquery4u.com/plugins/jquery-rss-feed-display-live/

Answer 1

完成此任务的最简单方法是将RSS提要转换为JSON对象。这样你就可以使用JSONP调用url，然后使用jQuery模板引擎解析输出。

1)使用Yahoo管道将RSS提要转换为JSON提要(也可以组合RSS提要)

http://jquery4u.com/rss/

到

Yahoo JSON Pipe Output

2)使用jQuery模板引擎(如json2html )呈现JSON提要

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://json2html.com/js/jquery.json2html-2.5-min.js"></script>
<script type="text/javascript">
var transform = {tag:'li',children:[
                    {tag:'a',src:'.link',html:'.title'},
                    {tag:'br'},
                    {tag:'span',html:'.description'}
                ]};
$.getJSON("http://pipes.yahoo.com/pipes/pipe.run?_callback=?", {"_id":"f5e0edec7594378e719cf18c53f8a26c","_render":"json"}, function(data){
    $('#rssFeed').json2html(data.value.items,transform);
});   
</script>
<ul id='rssFeed'></ul>

Answer 2

如果你没有被迫使用你所指出的jquery feed rss live插件，那么你可以使用其他插件:用jquery解析rss

在stackoverflow的另一篇文章中也有讨论:用jquery解析rss，并提供示例和一些文档。

所以，重用Nathan Strutz给出的例子你可以这样做:

   jQuery.getFeed({
      url: 'your url',
      success: function(feed) {
         //append your list element and then refresh the list
         $('#myList').append('<li>'+feed.title+'</li>');
         $('#myList').listview('refresh');
      }
   });

希望能满足你的需求。

Answer 3

RSS插件似乎默认生成一个列表。演示页面生成段落，但这是因为它在源代码中被显式配置为这样做:

newsfeed.setentrycontainer("p");

将这一行从配置中取出应该会生成html列表。

我不知道太多关于jQuery listview(它是移动页面对吗?)，但我猜，如果你初始化jQuery listview 后， RSS提要加载，它应该工作。

祝你好运!