1

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を使用していますが、これらの修正は機能していないようです(ここの回答に関する最後のコメントに注意してください

4

0 に答える 0