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

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

解决方法:

实现此目的的最简单方法是将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>

标签：jquery,javascript,listview,rss,jsfiddle
来源： https://codeday.me/bug/20190521/1146906.html