Bootstrap 4无法脱机工作popover

时间:2018-04-27 05:33:45

标签: bootstrap-4

我有关于popover离线的问题,我不知道bootstrap 4中正确的javascript链接是什么

 <div class="container">
  <h3>Popover Example</h3>
  <a href="#" title="Header" data-toggle="popover" data-placement="top" data-content="Content">Top</a>
  <a href="#" title="Header" data-toggle="popover" data-placement="bottom" data-content="Content">Bottom</a>
  <a href="#" title="Header" data-toggle="popover" data-placement="left" data-content="Content">Left</a>
  <a href="#" title="Header" data-toggle="popover" data-placement="right" data-content="Content">Right</a>
</div>

这是bootstrap javascript

<script>
$(document).ready(function(){
    $('[data-toggle="popover"]').popover();   
});
</script>


<script src="js/bootstrap.bundle.js" type="text/javascript"></script>
<script src="js/bootstrap.bundle.min.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>

1 个答案:

答案 0 :(得分:1)

  1. 在引导程序之前使用jQuery脚本。 Bootstrap js需要jQuery。
  2. 删除除<script src="js/bootstrap.bundle.min.js" type="text/javascript"></script>以外的所有bootstrap 4 js;