2011-09-15 10 views
1

解決策を実装しようとしていますので、特定のハッシュタグの最新のつぶやきを表示しています。Remy SharpさんのJQuery Marqueeプラグインのヘルプ

私はこの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> 

なぜこれが機能していないのかを犠牲にして - 火かき棒にエラーはありません コンソール。

アイデア?次の操作を行って、それを得るために管理

答えて

0

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

    }); 
}); 
関連する問題