2011-12-26 7 views
5

Bien, encontré este complemento RSS y quiero mostrarlo dentro de una página web, pero quiero que esté en una vista de lista jQuery, por lo que cada elemento es una lista, ¿podría alguien explicarme cómo hacerlo? ¡Puse el enlace jsfiddle abajo! Gracias
http://jsfiddle.net/8qhZP/
Y esta es la fuente real donde encontré el plugin
http://www.jquery4u.com/plugins/jquery-rss-feed-display-live/¿Cómo coloco este feed RSS en una vista de lista jQuery?

+0

¿Has resuelto tu problema? –

+0

Todavía no! ¡Me aseguraré de recompensar la recompensa pronto, aunque! –

Respuesta

3

La manera más fácil de lograr esto es hacer que la fuente RSS se convierta en un objeto JSON. De esta forma, puede llamar a la url usando JSONP y luego analizar el resultado utilizando un motor de plantillas jQuery.

1) Convertir la fuente RSS en un feed JSON usando tubos de Yahoo (también se puede combinar canales RSS)

http://jquery4u.com/rss/

en

Yahoo JSON Pipe Output

2) Hacer que la alimentación JSON usando un motor de plantillas jQuery como 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

¡Dulce! ¡Muchas gracias! :) –

0

El plug-in RSS parece generar una lista por defecto. El demo page genera párrafos, pero eso es porque está configurado de forma explícita a hacer eso en la fuente con esta línea:

newsfeed.setentrycontainer("p");

Tomando esta línea fuera de la configuración debe generar la lista html.

no sé mucho acerca de la vista de lista de jQuery (que es para páginas móviles a la derecha?), Pero supongo que caso de que arranque la vista de lista jQuery después se carga la fuente RSS, que debería funcionar.

¡Buena suerte!

2

Si no está obligado a utilizar el jquery feed rss live plugin que señala, entonces podría usar ese other plugin: Parse RSS con jQuery.

También se trata en otra publicación en stackoverflow: parse rss with jquery con ejemplos y documentación.

Así, reutilizando el ejemplo dado por Nathan Strutz usted podría hacer algo como:

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

espero que se adapte a sus necesidades.

Cuestiones relacionadas