单击按钮时，菜单不会取消折叠

Question

我真的是引导程序 3 的新手。

我已经制作了这个菜单，当屏幕大小调整时会折叠，但是当我单击按钮时没有任何反应。

                            <button type="button" class="btn btn-navbar-highlight btn-lg btn-primary" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false">
                                NAVIGATION <span class="icon-chevron-down icon-white"></span>
                            </button>
                            <div class="collapse navbar-collapse">
                                <ul class="nav nav-pills ddmenu">
                                    <li class="dropdown active"><a href="index.html">Home</a></li>
                                    <li class="dropdown"><a href="about.html">About</a></li>
                                    <li class="dropdown">
                                        <a href="page.html" class="dropdown-toggle">Page <b class="caret"></b></a>
                                        <ul class="dropdown-menu">
                                            <li><a href="full.html">Full Page</a></li>
                                            <li><a href="2-column.html">Two Column</a></li>
                                            <li><a href="3-column.html">Three Column</a></li>
                                            <li><a href="../documentation/index.html">Documentation</a></li>
                                            <li class="dropdown">
                                                <a href="#" class="dropdown-toggle">Dropdown Item &nbsp;&raquo;</a>
                                                <ul class="dropdown-menu sub-menu">
                                                    <li><a href="#">Dropdown Item</a></li>
                                                    <li><a href="#">Dropdown Item</a></li>
                                                    <li><a href="#">Dropdown Item</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown"><a href="gallery.html">Gallery</a></li>
                                    <li class="dropdown"><a href="contact.php">Contact</a></li>
                                </ul>
                            </div>
                    </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

我做错了什么？

Answer 1

Bootstrap 的 JavaScript 需要 jQuery 1.9.1 或更高版本。您可以使用版本 1.12.0，这是目前 1.X 分支的最后一个版本，它应该可以工作：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

Bootstrap应该直接在浏览器的javascript控制台中通知您，您应该在开发处理JavaScript的项目后立即启用它。