2012-03-01 3 views
0

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

click here

Я делал поэтому чтение в следующий;

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

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

благодаря

+0

Вы используете поиск api для извлечения этих твитов? – martincarlin87

+0

Я использую этот https://twitter.com/about/resources/widgets/widget_profile –

+0

hmm, я создал прокручивающийся виджет Twitter, который извлекает твиты с помощью api поиска, я думаю, что есть плагин для того, что вы пытаются это сделать, потому что я помню, что нашел его, но поскольку он не использовал поиск api, я не мог использовать/преобразовать его в то, что мне нужно. Я посмотрю его сейчас – martincarlin87

ответ

0

Я помог на ваш другой вопрос так им при условии, что вы желая применить это к тому же 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>'); 

Sorted!