Question

我构建了一个Twitter Widget，我试图将它显示在我预定的JavaScript函数内的页面上。

我将小部件放在一个隐藏的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>";
}

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

Answer 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/

Answer 2

您必须将<script/>包含到HTML的<head></head>中

Twitter小部件无法在我的JavaScript函数中工作

2 个答案: