我可以在引导弹出窗口中显示 Twitter 提要吗？

Question

是否可以在 bootstrap 的弹出框内显示 twitter 提要？ 例如，当点击 twitter 按钮时，我希望我的网站的 twitter 提要显示在引导程序的弹出框内。

我已经尝试过下面的代码，但无法正常工作。任何帮助将不胜感激。

<a href="#" role="button" class="btn popovers" data-toggle="popover" title="" data-content=" <a class='twitter-timeline' data-chrome=nofooter noborders transparent data-width='250' data-height='350' href='https://twitter.com/myPage ref_src=twsrc%5Etfw'>Tweets by myPage</a>" data-original-title="test title">Test Button</a>

$("[data-toggle=popover]")
            .popover({
                html: true
            });

Answer 1

伟大的作品

试试这个小提琴

HTML

<h1> TWEET FEED IN BOOSTRAP POPOVER </h1>

<div><button id="target">TRY ME</button></div>

 <!-- This will be the contents of our popover -->
 <div class='_content' id='blah'>
  **** YOUR TWITTER EMBEDDED CODE *****

 </div>

JAVASCRIPT

$(document).ready(function() {

// We don't want to see the popover contents until the user clicks the target.
// If you don't hide 'blah' first it will be visible outside of the popover.
//
$('#blah').hide();

// Initialize our popover
//
$('#target').popover({
    content: $('#blah'), // set the content to be the 'blah' div
    placement: 'bottom',
    html: true
});
// The popover contents will not be set until the popover is shown.  Since we don't 
// want to see the popover when the page loads, we will show it then hide it.
//
$('#target').popover('show');
$('#target').popover('hide');

// Now that the popover's content is the 'blah' dive we can make it visisble again.
//
$('#blah').show();


});

小提琴 https://jsfiddle.net/exaland/34ykLLLr/2/