Twitter小工具不能在我的JavaScript函數中工作

我構建了一個Twitter小工具，我試圖讓它在預建的JavaScript函數中顯示在我的頁面上。Twitter小工具不能在我的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>"; 
}

如果有人知道爲什麼它不工作，請讓我知道。這將不勝感激。

來源

2013-01-23 Paul L

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/

來源

2013-01-23 21:11:33

非常感謝！這種改變似乎有效。但它只適用於最初的點擊。如果我點擊另一個鏈接，然後再次點擊查看Twitter Feed，它不會顯示。任何想法可能是什麼原因造成的？ –

你能告訴我你是如何約束點擊事件嗎？ –

Twitter小工具不能在我的JavaScript函數中工作

回答

相關問題