移动导航栏只在主页上扩展

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