我正在尝试使用引导弹出窗口 http://getbootstrap.com/javascript/#popovers。因此，我将示例中的确切代码复制到我的网站中，不幸的是，这不起作用。我粘贴了下面的完整代码并创建了这里有一个jsfiddle http://jsfiddle.net/L41g98qx/4/.
我尝试将其放入引导容器以及行和列中，但似乎没有任何效果。
有人知道我怎样才能让小提琴工作吗？欢迎所有提示！
<!DOCTYPE html>
<html lang="en">
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</head>
<body>
<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>
</body>
</html>
你忘了这个：https://getbootstrap.com/docs/3.4/javascript/#callout-popover-opt-in https://getbootstrap.com/docs/3.4/javascript/#callout-popover-opt-in
出于性能原因，工具提示和弹出窗口数据 API 是可选的，这意味着您必须自己初始化它们。
初始化页面上所有工具提示的一种方法是通过其 data-toggle 属性选择它们：
$(function () {
$('[data-toggle="popover"]').popover()
})
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
