Как поместить этот канал RSS в просмотр списка jQuery? - PullRequest
Новая
       3

Как поместить этот канал RSS в просмотр списка jQuery?

5 голосов
/ 26 декабря 2011

Хорошо, я нашел этот плагин RSS и хочу отобразить его на веб-странице, но я хочу, чтобы он был в виде списка jQuery, поэтому каждый элемент является элементом списка, может кто-нибудь объяснить мне, как это сделать?Я поставил ссылку jsfiddle ниже!Спасибо
http://jsfiddle.net/8qhZP/
И это фактический источник, где я нашел плагин
http://www.jquery4u.com/plugins/jquery-rss-feed-display-live/

Ответы [ 3 ]

3 голосов
/ 24 января 2012

Самый простой способ сделать это - преобразовать RSS-канал в объект JSON.Таким образом, вы можете вызвать URL-адрес с помощью JSONP, а затем проанализировать выходные данные с помощью механизма шаблонов jQuery.

1) Преобразовать RSS-канал в канал JSON с помощью каналов Yahoo (также можно комбинировать RSS-каналы)

http://jquery4u.com/rss/

в

Вывод данных Yahoo JSON

2) Рендеринг потока JSON с использованием механизма шаблонов jQuery, например 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>
2 голосов
/ 23 января 2012

Если вы не обязаны использовать jquery feed rss live plugin , на который вы указали, тогда вы можете использовать этот другой плагин : анализировать RSS с помощью jQuery.

Это также обсуждается в другом посте по stackoverflow: анализ rss с помощью 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');
      }
   });

Надеюсь, это соответствует вашим потребностям.

0 голосов
/ 18 января 2012

Плагин RSS создает список по умолчанию.Демо-страница генерирует абзацы, но это потому, что она явно сконфигурирована для этого в источнике с такой строкой:

newsfeed.setentrycontainer("p");

Удаление этой строки из конфигурациидолжен генерировать список html.

Я не знаю много о просмотре списка jQuery (верно для мобильных страниц, верно?), но я предполагаю, что если вы инициализируете просмотр списка jQuery после RSSканал загружен, он должен работать.

Удачи!

...