Question

我正在努力让Scrollspy工作。我的代码没有错误

<body data-spy="scroll" data-target=".workplease" data-offset="300">
<div class="site-wrapper">
  <div class="site-wrapper-inner">
    <div class="cover-container" >
      <div class="masthead clearfix">
        <div class="inner">
          <h3 class="masthead-brand">Master Sensei</h3>
          <nav class="workplease" role="navigation">
            <ul class="nav masthead-nav">
            <li><a href="#info">Om filmen</a></li>
            <li><a href="#info2">Produktion</a></li>
            <li><a href="#info3">Kontakt</a></li>
            </ul>
          </nav>
        </div>
      </div>

但是Scrollspy由于某些原因没有用，直到我添加

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap-scrollspy.js"></script>

但引导文档说

插件可以单独包含（使用Bootstrap的单个* .js文件），也可以一次性包含（使用bootstrap.js或缩小的bootstrap.min.js）。

即使我的索引文件中已经有 bootstrap.min.js 。是不是包含在 bootstrap.min.js 中的Scrollspy，我个人无需单独加载，或者我错了？

这是我的索引文件中的整个脚本部分。也许它与事物的顺序有关？

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="./index_files/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./index_files/ie10-viewport-bug-workaround.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap-scrollspy.js"></script>

Bootstrap和他们的JS插件

0 个答案: