Question

如果您查看我的网站www.tripleflowmusic.com，一旦您加载页面，其他带有twitter插件的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);

twitter插件不会显示

问题是，为什么会发生这种情况？

P.S。要访问子页面，只需从地址栏中的URL中删除“＃”

即可

Answer 1

对我来说，OS X上的Safari和Chrome都显示正常，您是否可以更具体地使用您正在使用的浏览器和操作系统？

虽然我们在这里，你可能想要清除一些被抛出的错误：

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>

新闻页面中有一些“类”和“样式”，而不是正确的

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

格式。

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

2 个答案: