Bootstrap Popover放置不起作用

时间:2012-10-17 21:40:44

标签: html css twitter-bootstrap popover

我无法让Twitter Bootstrap Popover放置选项正常工作。这是我的按钮代码,我在代码中添加了 data-placement =“bottom”,如您所见。这里还有一个实时预览:http://www.japaneselanguagefriend.com/application/popover.php

<a href="#" id="blob" class="btn btn-primary" rel="popover" data-placement="bottom" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A title">hover for popover</a>

enter image description here

enter image description here

它一直在我的按钮上直接显示弹出窗口,甚至没有向弹出窗口写入正确的标题或内容。 这是我的页脚,其中包含源脚本

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="assets/js/bootstrap-transition.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>
<script src="assets/js/bootstrap-modal.js"></script>
<script src="assets/js/bootstrap-dropdown.js"></script>
<script src="assets/js/bootstrap-button.js"></script>
<script src="assets/js/bootstrap-tab.js"></script>
<script src="assets/js/bootstrap-alert.js"></script>
<script src="assets/js/bootstrap-tooltip.js"></script>
<script src="assets/js/bootstrap-popover.js"></script>
<script src="assets/js/jquery.ba-hashchange.min.js"></script>
<script src="assets/js/jquery.validate.min.js"></script>
<script src="assets/js/jquery.placeholder.min.js"></script>
<script src="assets/js/jquery.jigowatt.js"></script>





<script>
$(document).ready(function() {
       $(function () {
            $("#blob")
        .popover({
            offset: 0
         })
       })
 });
 </script>

0 个答案:

没有答案