为什么我的popover不起作用？

Question

我正在使用Twitter Bootstrap，我现在想要使用一个popover，我尝试使用以下HTML：

<div
     class="col-xs-12 right-column-block panel panel-default pointer"
     data-toggle="popover"
     data-placement="bottom"
     data-content='this is the popover content'>
    <div class="panel-body">
        Click for popover
    </div>
</div>

不幸的是，弹出窗口没有显示点击。由于代码是相当基本的，我没有得到任何控制台错误，我不知道如何继续。我有running example of this code here。

有人可以帮帮我吗？欢迎所有提示！

Answer 1

将此添加到 JavaScript

$(document).ready(function(){ $('[data-toggle="popover"]').popover(); });