为什么我的下拉菜单不触发？

Question

我认为我的头可能出了点问题，但是我不确定

<head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" type="text/css" href="resources/css/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="resources/css/bootstrap.min.css">
        <script src="resources/js/jquery.waypoints.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

        <link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
        <link rel="stylesheet" type="text/css" href="vendors/css/grid.css">
        <link rel="stylesheet" type="text/css" href="vendors/css/ionicons.min.css">
        <link rel="stylesheet" type="text/css" href="vendors/css/animate.css">
        <link rel="stylesheet" type="text/css" href="resources/css/style.css">
        <link rel="stylesheet" type="text/css" href="resources/css/queries.css">
        <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,300italic' rel='stylesheet' type='text/css'>

    </head>

这是我的导航栏：

<nav>
                <div id="top" class="row">
                    <a href="index.html"><img src="resources/css/img/brand1.png" class="logo"></a>
                    <ul class="main-nav js--main-nav">
                        <li><a id="workout" href="#">The Workout</a></li>
                        <li><a href="#">Trainers</a></li>
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">About<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">About Level Red</a></li>
                                <li><a href="#">FAQ</a></li>
                                <li><a href="#">The 6 Punches</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Contact</a></li>
                        <li><a href="#">Buy Classes</a></li>
                        <li><a href="#">Schedule</a></li>
                        <li><a href="#">Shop</a></li>
                        <li><a href="#" class="accountButton">My Account</a></li>

                    </ul>
                    <a class="mobile-nav-icon js--nav-icon"><i class="ion-navicon-round"></i></a>
                </div>
            </nav>

我的网站上没有下拉菜单有效，并且我有理由相信它与订单或我的头部有关。

编辑：

我收到此控制台错误：

Uncaught Error: Syntax error, unrecognized expression: a[href*=#]:not([href=#])
    at Function.ga.error (jquery.min.js:2)
    at ga.tokenize (jquery.min.js:2)
    at ga.select (jquery.min.js:2)
    at Function.ga [as find] (jquery.min.js:2)
    at r.fn.init.find (jquery.min.js:2)
    at r.fn.init (jquery.min.js:2)
    at r (jquery.min.js:2)
    at HTMLDocument.<anonymous> (script.js:28)
    at j (jquery.min.js:2)
    at k (jquery.min.js:2)

Answer 1

我只在您的示例中加载此库并起作用：

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

可能的问题是，您必须在加载Jquery之后加载Jquery航点。 没有控制台错误？