我正在尝试在网页中包含已呈现的推文。我四处搜寻并最终得到了这个解决方案:
<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>
答案 0 :(得分: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>
修改强>
我从计算机上的本地Web服务器运行此Web页面。如果我只是在浏览器中使用file:///
协议打开文件,我会得到与您相同的结果。
我会尝试在Web服务器上运行该文件,因为出于安全原因,您的浏览器通常会在file:///
协议下限制某些操作。
答案 1 :(得分:0)
我假设你还需要在twitter中包含相关的css来设置这个标记的样式。
答案 2 :(得分:0)
如果你想要完全呈现的推文,你将不得不使用这里找到的方法嵌入它:https://dev.twitter.com/docs/embedded-tweets