помогите с плагином JQuery Marquee Реми Шарпа - PullRequest
1 голос
/ 15 сентября 2011

Я пытаюсь реализовать решение, поэтому покажите последние твиты для определенного хэштега.

Я черпал вдохновение из этого http://exscale.se/__files/uploads/scrolling-twitter-feed.htm, но оно использует фактические временные шкалы пользователя, а не параметры поиска.

Демо-страница плагина здесь: http://remysharp.com/demo/marquee.html

Пока я написал это, но текст остается неизменным:

JQuery:

$(document).ready(function(){

var url='http://search.twitter.com/search.json?q=';
var query='%23MYHASHTAG';
var options='&result_type=recent&rpp=1&page=1&callback=?';

$(".results").append('<marquee behavior="scroll" scrollamount="1" direction="left">');

$.getJSON(url+query+options,function(json){     
    $.each(json.results,function(i,tweet){
        $(".results").append('<p><img src="'+tweet.profile_image_url+'" width="26" height="26" />'+tweet.from_user+': '+tweet.text+'</p>');
    });

$(".results").append('</marquee>');

});
});
$('div.results marquee').marquee();
</script>

HTML:

<div class="results"></div>

Я в недоумении, почему это не работает - на консоли firebug нет ошибок.

Есть идеи?

1 Ответ

0 голосов
/ 16 сентября 2011

Удалось получить его, выполнив следующее:

$(document).ready(function(){

var url='http://search.twitter.com/search.json?q=';
var query='%23HASHTAG';
var options='&result_type=recent&rpp=1&page=1&callback=?';
var html='<marquee behavior="scroll" scrollamount="1" direction="left">';

$.getJSON(url+query+options,function(json){     
    $.each(json.results,function(i,tweet){
        html+='<p><img src="'+tweet.profile_image_url+'" width="26" height="26" />'+tweet.from_user+': '+tweet.text+'</p>';
    });

    html += '</marquee>';
    $(".results").append(html);
    $('div.results marquee').marquee();

    });
});
...