CSS Tricks メソッドを使用して Twitter フィードを機能させようとしています。
http://css-tricks.com/build-your-own-social-home/
いくつかの変更を加えて。Dreamweaver のライブ プレビューではすべて正常に動作していますが、サーバーにアップロードしても何も表示されません。私はすでに他の質問をいくつか検索しましたが、私の問題に直接関連するものは何も思いつきません
JQuery:
$(document).ready(function(){
$.getJSON('https://api.twitter.com/1/statuses/user_timeline.json?callback=?include_entities=true&user_id=913166730&count=5', function(data){
$.each(data, function(index, item){
$('#news').append('<div class="story"><h3 style="margin:0px;"><a style="color:#000; text-decoration:none;" href="http://twitter.com/TheHopperLane" title="The Hopper Lane">@Thehopperlane</a></h3><p>' + item.text.linkify() + '</p><p style="font-size:12px;">' + relative_time(item.created_at) + '</p></div>');
});
});
function relative_time(time_value) {
var values = time_value.split(" ");
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
var parsed_date = Date.parse(time_value);
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
delta = delta + (relative_to.getTimezoneOffset() * 60);
var r = '';
if (delta < 60) {
r = 'a minute ago';
} else if(delta < 120) {
r = 'couple of minutes ago';
} else if(delta < (45*60)) {
r = (parseInt(delta / 60)).toString() + ' minutes ago';
} else if(delta < (90*60)) {
r = 'an hour ago';
} else if(delta < (24*60*60)) {
r = '' + (parseInt(delta / 3600)).toString() + ' hours ago';
} else if(delta < (48*60*60)) {
r = '1 day ago';
} else {
r = (parseInt(delta / 86400)).toString() + ' days ago';
}
return r;
}
String.prototype.linkify = function() {
return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) {
return m.link(m);
}).replace(/\B#([_a-z0-9]+)/ig, function(hashtag) {
return '<a href="http://twitter.com/search?q=%23'+hashtag.substring(1)+'">'+hashtag+'</a>';
}).replace(/\B@([_a-z0-9]+)/ig, function(screenname) {
return '<a href="http://twitter.com/'+screenname+'">'+screenname+'</a>';
});
};
});
HTML
<div id="news">
<h2>Latest News</h2>
必要に応じて、問題のサイトへのリンクを提供できます。
編集:すべてが単に次のエラーにかかっているようです!
"XMLHttpRequest cannot load https://api.twitter.com/1/statuses/user_timeline.json?callback=?include_entities=true&user_id=913166730&count=5. Origin http://thehopperlane.co.uk is not allowed by Access-Control-Allow-Origin."
これをもっと早く捕まえなかったなんて信じられない!ただし、私が知る限り、このサイトでは解決されていないため、質問を開いたままにしています。人々は callback=? を含めることについて言及しています。JSONだけでなくJSONPを使用していますが、これらの修正は機能していないようです(ここの回答に関する最後のコメントに注意してください