javascript - 这个 jQuery 可以离线工作，但不能在线工作

Question

我有以下脚本:

<script type="text/javascript">
    $.getJSON("http://api.twitter.com/1/statuses/user_timeline/koawatea.json?count=1&include_rts=1&callback=?", function(data)
    {
     $("#headertweet").html(data[0].text);
    });
</script>

它已经创建了一个可以离线工作的测试文档。 但当我把它放到网上(实时或在我的本地 XAMPP 设置上)时，这不起作用。

有人可以告诉我为什么吗？

这是 CSS:

#headertwitterbox {
    width: 200px;
    height: 100px;
    background:url(http://i48.tinypic.com/169ruab.jpg) no-repeat;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 7pt;
}

#headertweet {
    width: 180px;
    height: 53px;
    float:left;
    margin-left: 10px;
    margin-top: 6px;
}

HTML:

<div id="headertwitterbox" style="float:left;">
<div id="headertweet"></div>
</div>

Answer 1

<罢工>

<罢工>

Yep, it's in the head. I've tried both putting it in script tags and linking to an external JS sheet.

那是你的问题。您在加载元素之前调用它，因此它可能找不到该元素，因为在响应返回时该元素尚未创建。将脚本放置在元素 headertweet 之后或者在文档准备就绪时调用它。

之后:

<div id="headertwitterbox" style="float:left;">
<div id="headertweet"></div>
</div>
<script type="text/javascript">
    $.getJSON("http://api.twitter.com/1/statuses/user_timeline/koawatea.json?count=1&include_rts=1&callback=?", function(data)
    {
     $("#headertweet").html(data[0].text);
    });
</script>

在 Head 中准备好文档:

<script type="text/javascript">
    $( function () {
        $.getJSON("http://api.twitter.com/1/statuses/user_timeline/koawatea.json?count=1&include_rts=1&callback=?", 
            function (data) {
                $("#headertweet").html(data[0].text);
            }
        );
    });
</script>

<罢工>

<小时/>

编辑 - 已更改，因为您提供了链接，并且错误与其他内容有关!

在示例链接中您有错误!您在无冲突模式下定义了 jQuery，但您正在使用 $!将 $ 更改为 jQuery!