Question

我是bootstrap 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分支中的最后一个，它应该可以工作：

{{1}}

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

单击按钮时菜单不会解除崩溃

1 个答案: