移動導航欄只在主頁上擴展

Question

我在每個頁面上都有基本相同的導航條形碼，但是當它在移動設備上訪問時，我只能擴展home.html上的導航欄，當我導航到另一個頁面通過導航欄我不能再擴展它。

網站：http://www.richardsongirlssoccer.com

的jsfiddle：https://jsfiddle.net/sjvroufr/1/

$(document).ready(function() { 
$("#navToggle a").click(function(e){ 
    e.preventDefault(); 

    $("header > nav").slideToggle(); 
    $("#logo").toggleClass("menuUp menuDown"); 
}); 

$(window).resize(function() { 
    if($(window).width() >= "600") { 
     $("header > nav").css("display", "block"); 

     if($("#logo").attr('class') == "menuDown") { 
      $("#logo").toggleClass("menuUp menuDown"); 
     } 
    } 
    else { 
     $("header > nav").css("display", "none"); 
    } 
}); 

$("header > nav > ul > li > a").click(function(e) { 
    if($(window).width() <= "600") { 
     if($(this).siblings().size() > 0) { 
      e.preventDefault(); 
      $(this).siblings().slideToggle("fast") 
      $(this).children(".toggle").html($(this).children(".toggle").html() == 'close' ? 'expand' : 'close'); 
     } 
    } 
}); 
}); 

Answer 1

看來你錯過了一些JavaScript包括在其他頁面。

具體做法是：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
<script src="navigationbar.js"></script> 

這裏是在您的主頁源的畫面：

而這裏的另一頁上（我相信schedule.html）

you ne編輯在所有頁面上包含該JavaScript，並且它應該工作。

編輯

你的小提琴是行不通的，因爲你不包括jQuery的。這裏也有一個工作副本：

Fiddle