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

准備好頭文件時：

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