Jak umieścić ten kanał RSS w widoku listy jQuery?

Question

Okay Znalazłem tę wtyczkę RSS i chcę ją wyświetlić na stronie internetowej, ale chcę, żeby była w widoku listy jQuery, więc każdy element jest elementem listy, czy ktoś mógłby mi wyjaśnić, jak to zrobić? Umieściłem poniższy link jsfiddle! Dzięki
http://jsfiddle.net/8qhZP/
I to jest rzeczywiste źródło gdzie znalazłem wtyczkę
http://www.jquery4u.com/plugins/jquery-rss-feed-display-live/

Answer 1

Najprostszym sposobem uzyskania tego jest przekonwertowanie kanału RSS na obiekt JSON. W ten sposób możesz wywołać adres URL za pomocą JSONP, a następnie przeanalizować dane wyjściowe za pomocą silnika szablonu jQuery.

1) Konwersja RSS w paszy JSON Wykorzystanie rur Yahoo (można również łączyć RSS)

http://jquery4u.com/rss/

do

Yahoo JSON Pipe Output

2) Renderowanie kanał JSON stosując jQuery silnik szablonów, taki jak 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

Wtyczka RSS wydaje się wygenerować listę domyślnie. demo page generuje akapity, ale to dlatego, że jest to wyraźnie skonfigurowany, aby to zrobić w źródle z tej linii:

newsfeed.setentrycontainer("p");

Biorąc tę ​​linię z config powinien wygenerować listę HTML.

nie wiem zbyt wiele o pogrupowanych jQuery (to dla mobilnych stronach prawda?), Ale myślę, że jeśli zainicjować ListView jQuery po RSS jest załadowany, to powinno działać.

Powodzenia!

Answer 3

Jeśli nie jesteś zmuszony użyć jquery feed rss live plugin, który wskażesz, możesz użyć tego other plugin: Parse RSS z jQuery.

Jest to również omówione w innym poście na stackoverflow: parse rss with jquery z przykładami i dokumentacją.

Więc ponowne przykład podany przez Nathan Strutz można po prostu zrobić coś takiego:

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

Nadzieję, że pasuje do Twoich potrzeb.