5

好的，我找到了这个 RSS 插件，我想在网页中显示它，但我希望它在一个 jQuery 列表视图中，所以每个项目都是一个列表项，有人可以向我解释一下怎么做吗？我把jsfiddle链接放在下面！谢谢
http://jsfiddle.net/8qhZP/
这是我找到插件的实际来源
http://www.jquery4u.com/plugins/jquery-rss-feed-display-live/

4

3 回答 3

3

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

1) 使用 Yahoo 管道将 RSS 提要转换为 JSON 提要（也可以合并 RSS 提要）

http://jquery4u.com/rss/

进入

雅虎 JSON 管道输出

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>
于 2012-01-24T01:40:19.647 回答
2

如果您没有被迫使用您指出的jquery feed rss live 插件，那么您可以使用其他插件：Parse RSS with jQuery。

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');
      }
   });

希望它符合您的需求。

于 2012-01-23T17:23:54.760 回答
0

RSS 插件似乎默认生成一个列表。演示页面会生成段落，但那是因为它在源代码中明确配置为使用以下行来执行此操作：

newsfeed.setentrycontainer("p");

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

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

祝你好运！

于 2012-01-18T09:01:04.057 回答