Question

我将完全相同的popover演示代码从bootstrap4文档复制到codepen，但它不起作用。文件说它需要tether.min.js才能让popover工作。我包括了系绳cdn。仍然不起作用。我不确定我在这里失踪了什么。有人可以帮帮我吗？演示代码如下：

html

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" 
title="Popover title" data-content="And here's some amazing content. It's 
very engaging. Right?">Click to toggle popover</button>

JQuery的：

$(document).ready(function () {
  $('[data-toggle="popover"]').popover()
})

Answer 1

我明白了。为了使Bootstrap4 popover工作，需要'bootstrap.bundle.min.js'。此外，放置JQuery和bootstrap.bundle.min.js的顺序很重要。 JQuery排在第一位。看起来像这样：

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/js/bootstrap.bundle.js

Bootstrap4 popover doc示例代码在codepen中不起作用

1 个答案: