Come posso inserire questo feed RSS in un listview jQuery?

Question

Okay, ho trovato questo plug-in RSS e voglio visualizzarlo all'interno di una pagina Web, ma voglio che sia in una lista list jQuery, quindi ogni elemento è un elemento della lista, qualcuno potrebbe spiegarmi come farlo? Inserisco il link jsfiddle qui sotto! Grazie
http://jsfiddle.net/8qhZP/
E questa è la vera fonte dove ho trovato il plugin
http://www.jquery4u.com/plugins/jquery-rss-feed-display-live/

Answer 1

Il modo più semplice per ottenere ciò è ottenere il feed RSS convertito in un oggetto JSON. In questo modo puoi chiamare l'url usando JSONP e quindi analizzare l'output usando un motore di template jQuery.

1) Convertire il feed RSS in un feed JSON utilizzando tubi di Yahoo (può anche combinare i feed RSS)

http://jquery4u.com/rss/

in

Yahoo JSON Pipe Output

2) Rendere il feed JSON utilizzando un motore di template jQuery come 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> 

Answer 2

Il plugin RSS sembra generare un elenco di default. Il demo page genera paragrafi, ma questo è perché è esplicitamente configurato per farlo nella sorgente con questa linea:

newsfeed.setentrycontainer("p");

Prendendo questa linea fuori dalla configurazione dovrebbe generare la lista html.

non so molto circa il ListView jQuery (è per le pagine mobili di destra?), Ma immagino che se inizializzare il listview jQuery dopo feed RSS è caricato, dovrebbe funzionare.

Buona fortuna!

Answer 3

Se non si è costretti a utilizzare il jquery feed rss live plugin che si fa notare, è possibile utilizzare quello other plugin: Parse RSS con jQuery.

È anche discusso in un altro post su StackOverflow: parse rss with jquery con esempi e documentazione.

Così, riutilizzando l'esempio dato da Nathan Strutz si può solo fare qualcosa di simile:

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

spero che si adatta alle vostre esigenze.