帮助 Remy Sharp 的 JQuery Marquee 插件答案

【问题标题】：help with Remy Sharp's JQuery Marquee Plugin帮助 Remy Sharp 的 JQuery Marquee 插件
【发布时间】：2011-11-17 22:34:30
【问题描述】：

我正在尝试实施一个解决方案，以便显示某个主题标签的最新推文。

我从这个http://exscale.se/__files/uploads/scrolling-twitter-feed.htm 中获得灵感，但它使用的是实际用户的时间线，而不是搜索 API。

插件演示页面在这里：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 控制台上没有错误。

有什么想法吗？

【问题讨论】：

标签： jquery html json twitter

【解决方案1】：

通过以下方式获得它：

$(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();

    });
});

【讨论】：