1

我无法让 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>

在此处输入图像描述

在此处输入图像描述

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

    <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>
4

0 回答 0