2011-12-26 16 views
5

私はこのRSSプラグインを見つけましたが、Webページ内に表示したいのですが、jQueryのリストビューに入れたいので、各項目がリスト項目なので、誰かに説明してください。私は下にjsfiddleのリンクを入れました!おかげで
http://jsfiddle.net/8qhZP/
そして、これは私がプラグインのRSSプラグインはデフォルトでリストを生成しているようだ
http://www.jquery4u.com/plugins/jquery-rss-feed-display-live/このRSSフィードをjQueryリストビューに配置するにはどうすればよいですか?

+0

問題を解決しましたか? –

+0

まだまだ!私はすぐに賞金を報酬を与えることを確認します! –

答えて

3

これを達成する最も簡単な方法は、RSSフィードをJSONオブジェクトに変換することです。この方法でJSONPを使用してURLを呼び出し、jQueryテンプレートエンジンを使用して出力を解析できます。

1)フィード)もRSSを組み合わせることができる(Yahooのパイプを使用してJSONフィードにRSSフィードを変換

http://jquery4u.com/rss/

Yahoo JSON Pipe Output

2へ)を使用して、JSONフィードをレンダリングjson2htmlのようなjQueryテンプレートエンジン

<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

甘い!どうもありがとう! :) –

0

を発見した実際のソースです。 demo pageは、段落を生成し、それは、明示的にこのラインを持つソースでそれを行うように構成されているためです。

newsfeed.setentrycontainer("p");

は、HTMLのリストを生成する必要があります設定のうち、このラインを取ります。

jQueryのリストビューについてよくわかりませんが、モバイルページの場合はどうでしょうか?の後にjQueryリストビューを初期化すると、それが動作するはずです。

幸運を祈る!

2

jquery feed rss live pluginを強制的に使用しない場合は、other plugin:Parse RSS with jQueryを使用できます。

また、stackoverflowに関する別の投稿でも説明されています。parse rss with jquery例といくつかのドキュメントがあります。

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

が、それはあなたのニーズに合ったホープ:

ので、あなただけのような何かを行うことができNathan Strutz によって与えられた例を再利用します。

関連する問題