2017-05-22 35 views
0

私は何かが私の頭で間違っているかもしれないと思うが、私はここでドロップダウンメニューが表示されないのはなぜですか?

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

私のウェブサイト上のいかなるドロップダウンが機能していない、と私は理由がありますそれが注文や私の頭の中にあるものと関係していると信じています。

EDIT:

私はこのコンソールのエラーを取得しています:

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

jqueryライブラリのすぐ下にあるスクリプト'となります。 –

+0

@SKJajoriya動作していないようです。 –

+1

あなたの[code](https://jsfiddle.net/5ufkzcku/)は正常に動作しています。 –

答えて

0

私はこのライブラリをロードするにはあなたの例を聖霊降臨祭と作品:

<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をロードした後のウェイポイント。コンソールエラーはありませんか?

+0

私は運がないと言ったことを試みました。コンソールエラーのために私の編集を見てください。 –

+0

これを見てください: 'at HTMLDocument。 (script.js:28) ' はあなたのembeded javascriptでエラーのようです – nperez9

関連する問題