javascript - 为什么我的弹出窗口不起作用？

Question

我正在使用 Twitter Bootstrap，现在我想使用一个弹出窗口，我尝试使用以下 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(); });