我意识到这个问题之前已经被问过多次，但不幸的是，我无法从现有的问题和答案中找到解决方案。我已经创建了一个 html 文件，我认为它通过链接到 CDN 将具有 Bootstrap 功能。它还具有指向 JQuery CDN 的链接。
嗯……我刚刚注意到 Bootstrap 样式根本没有加载。我不确定为什么。
尽管如此，我假设修复相对较小，但我已经花了比这更长的时间来弄清楚为什么 Popover 不起作用。
如果您要回答，请确保您引用的是 Bootstrap 3 规则。
注意:以下代码的结构直接取自 Bootstrap 网站。
事不宜迟!
这是代码。
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="row">
<div class="btn-group-vertical">
<a href="#" class="btn btn-default" rel="popover" data-content="output" data-placement="right" data-trigger="click">1</a>
<a href="#" class="btn btn-default" rel="popover" data-content="output" data-placement="right" data-trigger="click">2</a>
<a href="#" class="btn btn-default" rel="popover" data-content="output" data-placement="right" data-trigger="click">3</a>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<script>
$('.btn').popover();
</script>
</body>
</html>
最佳答案
您需要将 http: 添加到此链接 -
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
这就是答案:
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
关于javascript - Bootstrap Popovers(和一般的 Bootstrap )不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19848051/