Twitter 小部件在我的 JavaScript 函数中不起作用答案

【问题标题】：Twitter Widget Not Working In My JavaScript FunctionTwitter 小部件在我的 JavaScript 函数中不起作用
【发布时间】：2013-01-07 12:00:52
【问题描述】：

我构建了一个 Twitter 小部件，并试图让它在我的页面上显示在预构建的 JavaScript 函数中。

我将小部件放在一个隐藏的 div 中，当点击页面上的链接时显示该 div，但小部件没有显示，我不知道为什么。我完全是从 Twitter 复制代码。

这里是 JavaScript 函数和 Twitter Widget 代码：

function showTwitterFeed(a) {
    $(".navlink").removeClass("active");
    $(a).addClass("active");
    $("#content").css("display","block");
    document.getElementById('content').innerHTML = "<a class=\"twitter-timeline\" width=\"500\" height=\"600\" href=\"https://twitter.com/PLInVancity\" data-widget-id=\"293993973104656384\">Tweets by @PLInVancity</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=\"//platform.twitter.com/widgets.js\";fjs.parentNode.insertBefore(js,fjs);}}(document,\"script\",\"twitter-wjs\");</script>";
}

如果有人知道它为什么不起作用，请告诉我。将不胜感激。

【问题讨论】：

标签： javascript widget twitter innerhtml

【解决方案1】：

function showTwitterFeed(a) {
    $(".navlink").removeClass("active");
    $(a).addClass("active");
    $("#content").css({"display": "block"});
    $('#content').html("<a class=\"twitter-timeline\" width=\"500\" height=\"600\" href=\"https:\/\/twitter.com\/PLInVancity\" data-widget-id=\"293993973104656384\">Tweets by @PLInVancity<\/a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=\"\/\/platform.twitter.com/widgets.js\";fjs.parentNode.insertBefore(js,fjs);}}(document,\"script\",\"twitter-wjs\");<\/script>");
}

我相信这解决了它（在 JsFiddle 中不再收到任何错误）。您需要转义所有“/”。

编辑：绝对固定，这是小提琴：http://jsfiddle.net/klatzkaj/73A3m/

【讨论】：

非常感谢！这种改变似乎奏效了。但它只适用于初始点击。如果我单击另一个链接，然后单击以再次查看 Twitter 提要，它不会显示。知道是什么原因造成的吗？

【解决方案2】：

您必须将<script/> 包含在您的html 的<head></head> 中

【讨论】：