Twitter小工具无法在Bootstrap Popover内部工作。嘿嘿

Question

所以，这有点奇怪，但我试图将一个推特小部件嵌入Bootstrap 3 popover中。以下是我的代码。我认为有一些不兼容性，因为Twitter小部件不在此处显示，但在标准HTML嵌入中也是如此。有没有人有任何想法？

<button data-html="true" type="button" id="example" class="btn btn-lg btn-danger" data-toggle="popover">Click to toggle popover</button></center>
            <div id="popover-title" class="hide">
             <img src="URL">
            </div>

            <div id="popover-content" class="hide">
            <a class="twitter-timeline" href="https://twitter.com/COMPANY" data-widget-id="#">Tweets by COMPANY</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>     
            </div>

SCRIPT

$("#example").popover({
      placement : 'left',
      template: '<div class="popover" style="width: 300px"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>',
     title : function() {
          return $('#popover-title').html();
        },
      content : function() {
          return $('#popover-content').html();
        }

});