Question

在下载'source'之后，我最近一直在使用bootstrap-4.0.0-alpha.6。

一些示例主题'bootstrap-4.0.0-alpha.6 \ bootstrap-4.0.0-alpha.6 \ docs \ examples'有这个脚本（特别是navbar-top-fixed）

<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>

我正在尝试将示例主题'navbar-top-fixed'移动到其他位置，因此我也在移动关联的脚本并更新路径。

我无法在任何地方找到此文件？

是否使用过？

assets / js / vendor 路径显示jquery-slim但不是jquery.min

Answer 1

Bootstrap-4.0.0-alpha.6已过时。

几周前发布了Bootstrap 4.0.0 final。

是的，导航栏需要jQuery。

您可以将以下内容用作初学者模板：

＆＃13;

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  </body>
</html>

＆＃13;

参考：

https://getbootstrap.com/docs/4.0/getting-started/introduction/

Answer 2

如果你看一下the source code的Bootstrap 4 Alpha的JavaScript，你会发现jQuery确实被列为一个要求：

if (typeof jQuery === 'undefined') {
  throw new Error('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s JavaScript.')
}

+function ($) {
  var version = $.fn.jquery.split(' ')[0].split('.')
  if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && version[2] < 1) || (version[0] >= 4)) {
    throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0')
  }
}(jQuery);

具体来说，Bootstrap要求jQuery版本至少为1.9.1，但小于4.0.0。

请注意，Bootstrap 4 Alpha已过时，最新版本的Bootstrap 4中的jQuery依赖 hasn't changed ，但现在另外需要Popper.js ：

if (!this._inNavbar) { /** * Check for Popper dependency * Popper - https://popper.js.org */ if (typeof Popper === 'undefined') { throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)'); } ...

希望这有帮助！

需要jquery.min.js吗？引导-4.0.0-alpha.6

2 个答案: