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

<击>

是的，它在头脑中。我已经尝试过把它放在脚本标签和链接到外部JS表。

那将是你的问题。您在加载元素之前调用它，因此它可能找不到元素，因为它在响应返回时尚未创建。将脚本放在元素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>

准备好doucument：

<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，但是你使用的是$！将$ over更改为jQuery！

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

1 个答案: