在按钮单击上显示弹出框

时间:2014-08-20 11:23:32

标签: javascript jquery twitter-bootstrap

我正在尝试复制按钮弹出效果,如演示here(现场演示 - >启动演示模态)。

我可以看到该按钮的代码如下:

<a href="#" role="button" class="btn btn-default " title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">button</a>

当我在我的页面上包含它并单击它时,没有任何反应。

有人可以指出我缺少的东西吗?

1 个答案:

答案 0 :(得分:1)

包括JS电话:

<html>
    <!-- include bootstrap css files -->
    <body>
        <a href="#" role="button" class="btn btn-default " title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">button</a>
    <!-- include bootstrap js files -->
    <script>$('a.btn').popover()</script>
    </body>
</html>