gpt4 book ai didi

jquery - 如何在网页中呈现一条推文?

转载 作者:行者123 更新时间:2023-12-01 03:45:01 26 4
gpt4 key购买 nike

我正在尝试在网页中包含渲染的推文。我四处寻找,最终得到了这个解决方案:

<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。我想如果我需要这样做才能使渲染正常工作,我可以将其删除。但我宁愿不这样做。

编辑:页面如下所示,我对渲染不满意: not rendered the way I want

编辑:我现在的代码,请耐心等待,我对网络编程几乎一无所知:

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

最佳答案

首先,您可以尝试将 //platform.twitter.com/widgets.js 更改为 http://platform.twitter.com/widgets.js

编辑:

以下内容来 self 的计算机。

<!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 Output

编辑:我正在从计算机上的本地网络服务器运行此网页。如果我只是使用 file:/// 协议(protocol)在浏览器中打开文件,我会得到与您相同的结果。

我会尝试在网络服务器上运行该文件,因为出于安全原因,您的浏览器通常会限制 file:/// 协议(protocol)下的某些操作。

关于jquery - 如何在网页中呈现一条推文?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14491741/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com