Question

我之前已经多次询问过这个问题，但不幸的是，我无法从现有的问题中找到解决方案。答案。我创建了一个html文件，我认为它将通过链接到CDN具有引导功能。它还有一个指向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>

Answer 1

您需要将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>

twitter Bootstrap Popovers（和一般的bootstrap）不工作

1 个答案: