javascript - 使 Bootstrap Popover 插件独立于 bootstrap.js 工作

Question

我正在尝试使 Bootstrap Popover 插件单独工作。仅当我将整个 Bootstrap 作为源附加而不是单独附加时，它才有效。

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="bootstrap-popover.js"></script>  

<!--     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  -->

<p>Click on button to see Popover</p>

<a href="#" id="example" class="btn btn-primary" rel="popover"
   data-content="This is the body of Popover"
   data-original-title="Creativity Tuts">pop
</a>

<script type="text/javascript">
    $(function () {
        $('#example').popover();
    });
</script>

Answer 1

你为什么不使用 https://github.com/lokesh/lightbox2而不是孔 Bootstrap ？