0

**更新：

显然问题演变成 XMLHttpRequest 问题：

XMLHttpRequest cannot load http://api.twitter.com/1/statuses/user_timeline.json?screen_name=bogdanch&. Origin http://adfix.ro is not allowed by Access-Control-Allow-Origin.

我正在使用的代码是：

(function ($) {
    var Twitter = {
        init: function () {
            this.insertLatestTweets("bogdanch")
        },
        insertLatestTweets: function (a) {
            var b = 5;
            var c = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name=" + a + "&count=" + b + "&callback=?";
            $.getJSON(c, function (b) {
                var c = '<marquee behavior="scroll" scrollamount="1" direction="left">';
                for (var d in b) {
                    c += '<a href="http://twitter.com/' + a + "#status_" + b[d].id_str + '">' + b[d].text + " <i>" + Twitter.daysAgo(b[d].created_at) + "</i></a>"
                }
                c += "</marquee>";
                $("#twitter p").replaceWith(c);
                Twitter.fancyMarquee()
            })
        },
        fancyMarquee: function () {
            $("#twitter marquee").marquee("pointer").mouseover(function () {
                $(this).trigger("stop")
            }).mouseout(function () {
                $(this).trigger("start")
            }).mousemove(function (a) {
                if ($(this).data("drag") == true) {
                    this.scrollLeft = $(this).data("scrollX") + ($(this).data("x") - a.clientX)
                }
            }).mousedown(function (a) {
                $(this).data("drag", true).data("x", a.clientX).data("scrollX", this.scrollLeft)
            }).mouseup(function () {
                $(this).data("drag", false)
            })
        },
        daysAgo: function (a) {
            if ($.browser.msie) {
                return "1 day ago"
            }
            var b = (new Date(a)).getTime();
            var c = (new Date).getTime();
            var d = Math.round(Math.abs(c - b) / (1e3 * 60 * 60 * 24));
            var e = d + " days ago";
            if (d == 0) {
                e = "today"
            } else if (d == 1) {
                e = d + " day ago"
            }
            return e
        }
    };
    Twitter.init()
})(jQuery);

有没有办法可以避免 XMLHttpRequest 问题？

**原帖

我想实现我最后 5 条推文的水平选取框，我遵循了本教程：http ://artistutorial.blogspot.ro/2011/09/how-to-make-horizo​​ntal-scrolling.html 。你可以在这里看到我的版本 问题是当我尝试在我的网站上实现它时它没有加载任何推文并使用 Chrome 检查器我看到一个未捕获的类型错误

Cannot call method 'getJSON' of undefined 
Twitter.insertLatestTweets 
Twitter.init 
(anonymous function)

我不明白为什么它适用于 pastebin 而不是我的网站。有任何想法吗？

4

2 回答 2

2

这是因为由于某种原因，您使用的jquery.js文件jQuery.noConflict();在它的末尾，这使得它$不可用。删除该行，使用jQuery而不是$，或将代码包装在闭包中：

(function($) {
    // your code
})(jQuery);
于 2012-08-01T09:59:00.183 回答
0

为了避免向 api.twitter.com 发送 XMLHttpRequest，我制作了一个充当代理的 php 文件。该文件包含以下代码：

<?php
header('Content-Type: text/xml');
$tweets = file_get_contents('http://api.twitter.com/1/statuses/user_timeline.xml?screen_name=TWITTER_USERNAME_HERE&count=6');
echo $tweets;
?>
于 2012-08-28T21:04:06.967 回答