2011-12-26 52 views
5

好吧,我发现这个RSS插件,我想要在网页中显示它,但我希望它是在一个jQuery的列表视图,所以每个项目是一个列表项目,有人请向我解释如何做到这一点?我把下面的jsfiddle链接!由于
http://jsfiddle.net/8qhZP/
这是实际来源,我发现这个插件
http://www.jquery4u.com/plugins/jquery-rss-feed-display-live/如何将这个RSS feed放入jQuery listview?

+0

你解决了你的问题吗? – 2012-01-25 23:03:49

+0

还不完全!我一定会很快奖励赏金! – 2012-01-26 16:03:35

回答

3

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

1)转换的RSS馈送到使用Yahoo配管(也可以结合RSS一个JSON饲料饲料)

http://jquery4u.com/rss/

Yahoo JSON Pipe Output

2)使用渲染JSON进料一个jQuery模板引擎,如json2html

<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> 
+0

甜!非常感谢! :) – 2012-01-26 16:08:56

0

的RSS插件似乎默认生成一个列表。该demo page产生段落,但这是因为它明确地配置做,在这一行的源代码:

newsfeed.setentrycontainer("p");

以这条线出来的配置应该生成HTML列表。我不太了解jQuery listview(它适用于移动页面,对吗?),但是我想如果你在之后初始化jQuery列表视图,那么RSS feed就会被加载。

祝你好运!

2

如果您不是被迫使用jquery feed rss live plugin您指出,那么您可以使用该other plugin:解析RSS与jQuery。

这也是在另一篇文章中讨论的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'); 
     } 
    }); 

希望它适合你的需求。