さて、この RSS プラグインを見つけました。Web ページ内に表示したいのですが、jQuery リストビューに表示したいので、各項目はリスト項目です。方法を教えてください。以下にjsfiddleのリンクを貼っておきます!ありがとう
http://jsfiddle.net/8qhZP/
そして、これは私がプラグインを見つけた実際のソースです
http://www.jquery4u.com/plugins/jquery-rss-feed-display-live/
3 に答える
これを実現する最も簡単な方法は、RSS フィードを JSON オブジェクトに変換することです。このようにして、JSONP を使用して URL を呼び出し、jQuery テンプレート エンジンを使用して出力を解析できます。
1) Yahoo パイプを使用して RSS フィードを JSON フィードに変換します (RSS フィードを結合することもできます)。
の中へ
2) json2htmlなどの jQuery テンプレート エンジンを使用して 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 feed rss live プラグインの使用を強制されない場合は、他のプラグインを使用できます: Parse RSS with jQuery.
これは、stackoverflow の別の投稿でも説明されています: parse rss with jquery with examples and some documentation.
したがって、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');
}
});
それがあなたのニーズに合うことを願っています。
RSS プラグインはデフォルトでリストを生成するようです。デモ ページは段落を生成しますが、これは、ソースで次の行でそれを行うように明示的に構成されているためです。
newsfeed.setentrycontainer("p");
この行を構成から取り出すと、html リストが生成されます。
jQuery リストビューについてはよくわかりませんが (モバイル ページ用ですよね?)、RSS フィードが読み込まれた後に jQuery リストビューを初期化すれば、うまくいくはずです。
幸運を!