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

是的，它是在头部。我已经尝试将它放在脚本标记中，并且连接到外部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，但是你使用$！将$转换为jQuery！