Question

好的，我发现这个RSS插件，我想在网页中显示它，但我希望它在jQuery列表视图中，所以每个项目都是一个列表项，有人可以向我解释如何做到这一点吗？我把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 plugin，那么你可以使用other plugin：用jQuery解析RSS。

还在另一篇关于stackoverflow的文章中讨论了它：parse rss with jquery以及示例和一些文档。

所以，重用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插件似乎默认生成一个列表。 demo page会生成段落，但这是因为它已明确配置为使用此行在源代码中执行此操作：

newsfeed.setentrycontainer("p");

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

我不太了解jQuery listview（它适用于移动页面吗？），但我想如果你在加载RSS提要后初始化jQuery listview ，它应该可以工作。

祝你好运！

如何将此RSS源放在jQuery列表视图中？

3 个答案: