1

Twitter ウィジェットを作成し、作成済みの JavaScript 関数内のページに表示しようとしています。

ページ上のリンクがクリックされたときに表示される非表示の div 内にウィジェットを配置していますが、ウィジェットが表示されず、理由がわかりません。私はTwitterからコードを正確にコピーしています。

JavaScript 関数と Twitter ウィジェットのコードは次のとおりです。

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>";
}

なぜ機能しないのか知っている人がいたら教えてください。ありがたいです。

4

2 に答える 2

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/

于 2013-01-23T21:11:33.437 に答える