Question

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

我从这个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控制台上没有错误。

有什么想法吗？

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

    });
});

帮助Remy Sharp的JQuery Marquee插件

1 个答案: