проблема переноса виджета твиттера

я создал живую ленту твитов на своем сайте, которую хочу завернуть в карусель. проблема, с которой я сталкиваюсь, заключается в преобразовании div фида twitter API в «li», чтобы каждый фид twitter отображался в отдельном li.

нажмите здесь

Я делал это, читая следующее;

http://api.jquery.com/wrap/

однако я нахожу это трудно переварить. Есть ли на этом форуме кто-нибудь, кто может разбить процесс разработки, чтобы добиться этого?

Спасибо


javascript jquery css twitter jcarousel
person Nate_tyrone    schedule 01.03.2012    source источник
comment
Вы используете поисковый API для получения этих твитов?   -  person martincarlin87    schedule 01.03.2012
comment
я использую этот twitter.com/about/resources/widgets/widget_profile   -  person Nate_tyrone    schedule 01.03.2012
comment
хм, я сделал виджет твиттера с прокруткой, который извлекает твиты с помощью API поиска, я думаю, что есть плагин для того, что вы пытаетесь сделать, потому что я помню, как нашел его, но поскольку он не использовал API поиска, я не мог' т использовать / преобразовать его в то, что мне нужно. сейчас поищу   -  person martincarlin87    schedule 01.03.2012
comment
Попробуйте это: andreaslagerkvist.com/archives/2011/06/24/   -  person martincarlin87    schedule 01.03.2012
comment
эта ссылка, которую вы мне прислали, не то, чего я пытаюсь достичь.   -  person Nate_tyrone    schedule 01.03.2012
comment
хорошо, возможно, вам следует обновить свой вопрос, так как эта ссылка дает вам карусель твитов, да, вам нужно будет изменить css, но помимо этого я не понимаю, почему вы не можете его использовать.   -  person martincarlin87    schedule 01.03.2012
comment
Я после карусели твитов, в настоящее время javascript для виджета твиттера формирует новые твиты в теге div. Мне нужно создать функцию javascript, которая преобразует новые твиты в ли. Плагин - это один из вариантов, но я лучше добавлю несколько строк javascript, чтобы я мог изучить его для дальнейшего использования.   -  person Nate_tyrone    schedule 01.03.2012

Ответы (1)


arrow_upward
0
arrow_downward

Я помог с вашим другим вопросом, поэтому я предполагаю, что вы хотите применить это к тому же URL-адресу - http://thisiswired.com/test/test.html?

Если это так, вы можете использовать следующий код:

// Remove unwanted div
$('.twtr-reference-tweet').remove();

// Change the <div>s to <li>s
$('.twtr-tweet').each(function() {
  $(this).replaceWith('<li id="'+$(this).attr('id')+'" class="'+$(this).attr('class')+'">' + $(this).html() + '</li>');
});

// Change the parent <div> to <ul> and wrap it in a <div> ready to apply the carousel
$('.twtr-tweets').replaceWith('<div id="carouselId"> <ul class="twtr-tweets">'+$('.twtr-tweets').html()+'</ul></div>');

Сортировка!

person Alex    schedule 02.03.2012