有没有办法点击一个链接，让它在不离开页面的情况下拉出一条推文？ [关闭]
Posted
技术标签:
【中文标题】有没有办法点击一个链接，让它在不离开页面的情况下拉出一条推文？ [关闭]【英文标题】：Is there a way to click on a link, and have it pull up a tweet without it leaving the page? [closed] 【发布时间】：2020-02-06 00:18:34 【问题描述】：我经营一个网站，每天都会发布一个新故事。由于我在学习 javascript 等编码语言时遇到了困难，所以我几乎一直使用 html 和 CSS。我的网站采用博客的形式，非常适合任何想每天查看新内容的读者。但是如果你想赶上，那就有点困难了，因为帖子是倒序的。我目前正在处理存档页面，它将采用日历的形式。每个框（天）都会显示链接，不仅是我那天发布的故事，还有我发布的推文。推文有时是热门话题，但对时间不敏感，所以我也希望人们能够在闲暇时回过头来阅读真正古老的推文。我觉得这对他们来说会更容易，如果他们只是点击一条推文的链接，那条推文就会出现在我的网站上，并悬停在页面上。我不希望他们必须点击每条推文，返回，点击下一条，等等。这就像单击/悬停在缩略图上，并看到更大版本的图像，但我想要的不是图片，而是推文，就像它只是嵌入时一样。这有意义吗，有可能吗，还是我要求太多了？
【问题讨论】：
使用 AJAX 和 Twitter API。 在模式中包含推文页面内容。在这里查看如何在新窗口中访问推文（对于获取页面 HTML 很有用）-***.com/a/31579101/11700321，现在在模态/iframe 中捕获页面-***.com/a/17955439/11700321 【参考方案1】：您可以使用以下命令轻松创建 Twitter 小部件：https://publish.twitter.com/ 从那里复制代码并将其插入我在下面提供给您的代码中。
function myFunction()
var x = document.getElementById("myDIV");
if (x.style.display === "none")
x.style.display = "block";
else
x.style.display = "none";
<button onclick="myFunction()">Click me to show Twitter widget</button>
<div id="myDIV" style="display:none;">
YOUR TWITTER WIDGET CODE WILL GO HERE
</div>【讨论】：
谢谢。我无法让它发挥作用，但这并不奇怪。 JavaScript 似乎从不适合我，至少在 Blogger 上不行。但是，即使我可以，那也将是太多的工作。复制和粘贴 11,501 次（截至今天）有很多代码。对我来说，只使用悬停时出现的隐藏跨度更合理。这样，我只需要担心每个链接的 html。不过，我很感激。编辑：23,002 次，因为我需要为每一个编辑 JavaScript，加上链接。 为什么这对你不起作用？也许您没有将 javascript 代码包装在<script> 标记内。它应该看起来像这样：<script>CODE HERE</script> 我测试了它并且它有效。如果您想发送您的 Twitter 提要/帐户的 URL，我将为您创建一个 codePen。
只有javascript代码进入<script>标签。其余代码进入页面<body> 标记下方的 HTML 部分。
好的，我的 div ID 出现了一个小错误，因为我第一次无法使用时将其删除。但这仍然是太多的代码。 Blogger 对每个页面都有限制，我什至不确定我的 HTML/CSS 版本是否适用于我需要的数百个链接。再次感谢。以上是关于有没有办法点击一个链接，让它在不离开页面的情况下拉出一条推文？ [关闭]的主要内容，如果未能解决你的问题，请参考以下文章
在不监视默认文本的情况下，有没有办法更新滚动下拉菜单的文本？
有没有办法让 UIScrollView 在任意位置停止和反弹