为什么 Twitter 插件（小部件）不显示？

Question

如果您查看我的站点 www.tripleflowmusic.com，一旦您加载该页面，其他 HTML 带有 Twitter 插件的文档将在以下帮助下加载 (Updates.html) 到容器中代码 (jQuery):

$(document).ready(function() {
    $("#subpageframe").load('Pages/Updates.html', function(){
        $("#subpageframe").fadeIn(200);

但是当我单击“新闻”按钮时，它会执行以下操作（它基本上会在容器中重新加载 Updates.html）：

$("#UpdatesButton").click(function() {
    $("#subpageframe").fadeOut(200, function() {
        $("#subpageframe").load('Pages/Updates.html', function(){
            $("#subpageframe").fadeIn(200);

推特插件不会显示

问题是，为什么会这样？

P.S。要访问子页面，只需从地址栏

中的URL中删除“#”

Answer 1

对我来说，在 Safari 和 Chrome 上 OS X 上都显示良好，你能更具体地说明你使用的浏览器和 OS 吗？

虽然我们正在做这件事，但您可能想要清除一些抛出的错误：

Failed to load resource: the server responded with a status of 404 (Not     Found)
http://www.tripleflowmusic.com/FunctionElements/MusicPlayer/Covers/missing.jpg Failed to load resource: the server responded with a status of 404 (Not Found)

http://www.tripleflowmusic.com/MediaElements/MusicPlayer/Songs/nylmbyb.mp3 Failed to load resource: the server responded with a status of 404 (Not Found)

Answer 2

您的 iframe 和格式与主页上的不一样。此代码在主页但不在 http://www.tripleflowmusic.com/#Pages/Updates.html:

<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-timeline twitter-timeline-rendered" allowfullscreen="" style="border: none; max-width: 100%; min-width: 180px; margin: 0px; padding: 0px; display: inline-block; position: static; visibility: visible; width: 520px;" title="Twitter Timeline" height="600"></iframe>

您在新闻页面中有一些 "a class" 和 "style" 而不是正确的

<center data-twttr-id="twttr-sandbox-0">

格式。

为什么 Twitter 插件（小部件）不显示？

Why twitter plugin (widget) doesn't show up?

javascript

twitter

jquery

twitter-bootstrap