移动导航栏仅在主页上展开

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）

你需要在所有页面上包含该javascript，它应该可以工作。

修改

你的小提琴无效，因为你没有包含jQuery。这也是一份工作副本：

Fiddle