2

レンダリングされたツイートを Web ページに含めようとしています。私は周りを検索し、最終的にこの解決策を得ました：

<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

<script type='text/javascript'>
$(document).ready(function(){
    $.getJSON("https://api.twitter.com/1/statuses/oembed.jsonid=287348974577385474&align=center&callback=?",
        function(data{$('#tweet123').html(data.html);});
});
</script>


<div id="tweet123"></div>

今、これは私につぶやきのテキストを与えるだけです。ここに表示されているような、適切にレンダリングされたツイートが必要です: https://dev.twitter.com/docs/embedded-tweets

作成したいページのどこかにjqueryがあることを言及する必要があると思います。レンダリングを機能させるために必要な場合は、削除できると思います。しかし、私はむしろしたくありません。

編集:ページは次のようになります。レンダリングに満足できません: 私が望むようにレンダリングされていません

編集：私のコードは今のところ、ウェブプログラミングについてほとんど何も知らないのでご了承ください：

<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="../supporting_data/seaofclouds-tweet-d433d14/tweet/jquery.tweet.js" type="text/javascript"></script>
<script type="text/javascript"src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA4aH3NUbCC-DiqD1hUcsy6EMPmqDgn-Yo&sensor=false"></script>

<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

<script type='text/javascript'>
jQuery(function(){
    $.getJSON("https://api.twitter.com/1/statuses/oembed.json?id=287348974577385474&align=center&callback=?,
        function(data{$('#tweet123').html(data.html);});
});
</script>

</head>

<body>



<p>
<div id='tweet123'></div>  
</p>


<!-- experiment with seaofclouds -->
        <script type='text/javascript'>
            jQuery(function($){
                $(".coffeeTweet").tweet({
                    username: "coffee_dad",
                    join_text: "auto",
                    avatar_size: 32,
                    count: 5,
                    loading_text: "downloading tweets..."
                });
            });
        </script>
<p>
<div class="coffeeTweet"></div>
</p>

</body>
</html>
4

3 に答える 3

3

まず、次のように変更//platform.twitter.com/widgets.jsしてみてくださいhttp://platform.twitter.com/widgets.js

編集：

以下は私のコンピューターから動作します。

<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

<script type='text/javascript'>
$(document).ready(function(){
    $.getJSON("https://api.twitter.com/1/statuses/oembed.json?id=287348974577385474&align=center&callback=?",
        function(data){$('#tweet123').html(data.html);});
});
</script>

</head>

<body>



<div id='tweet123'></div>  



</body>
</html>

HTML出力

編集： 私は自分のコンピューターのローカルWebサーバーからこのWebページを実行しています。file:///プロトコルを使用してブラウザでファイルを開くだけでも、同じ結果が得られます。

file:///セキュリティ上の理由から、プロトコルの下でブラウザが特定の操作を制限することがよくあるため、Webサーバーでファイルを実行してみます。

于 2013-01-24T02:09:40.950 に答える
0

Twitter からこのマークアップのスタイルを設定する関連付けられた css も含める必要があると思います。

于 2013-01-24T00:15:05.187 に答える
0

完全にレンダリングされたツイートが必要な場合は、https ://dev.twitter.com/docs/embedded-tweets にある方法を使用して埋め込む必要があります。

于 2013-01-24T00:18:37.303 に答える