爲什麼我的下拉菜單不能觸發？

我認爲有些事情可能是錯把我的頭，但我不知道什麼爲什麼我的下拉菜單不能觸發？

<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)

來源

2017-05-22 Andrew McCracken

嘗試將該腳本放在jquery庫的下面'。 –

@SKJajoriya似乎沒有工作。 –

你的[code]（https://jsfiddle.net/5ufkzcku/）工作正常。 –

我只加載此庫白衣你的榜樣和作品：

<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之後的航點。沒有控制檯錯誤？

來源

2017-05-22 13:56:37 nperez9

我試過你說的沒有運氣。請參閱我的編輯控制檯錯誤。 –

你看這個： '在HTMLDocument。（script.js：28）' 看起來像一個錯誤在您嵌入的JavaScript – nperez9

爲什麼我的下拉菜單不能觸發？

回答

相關問題