0

我有以下脚本：

<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>
4

1 回答 1

2

是的，它在头上。我已经尝试将它放在脚本标签中并链接到外部 JS 表。

那将是你的问题。您在加载元素之前调用它，因此它可能找不到该元素，因为它在响应返回时尚未创建。将脚本放在元素之后或在document readyheadertweet上调用它。

后：

<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>

在头部准备好文件：

<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！

于 2013-01-23T14:01:49.230 回答