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 に答える