javascript - Bug - 滑出菜单脚本

Question

我正在尝试为此网站创建一个滑出菜单:

http://newdigitalguru.com/kckarchitects/

菜单在除主页之外的每个页面上都有效，我似乎不明白为什么。脚本正在加载，它将应用“open”类，但它立即将其删除并为其提供“close”类，然后它不再起作用。我遵循了本教程:

http://www.dzyngiri.com/responsive-menu-using-trunk-js/

Answer 1

在您的主页上，您的 HTML 中有以下代码(位于末尾的 <script> 标记中):

jQuery(document).ready(function($) {

    var items = $('.slideRight, .slideLeft');
    var content = $('.container');

    var open = function() {
        $(items).removeClass('close').addClass('open');
    }

    var close = function() { 
        $(items).removeClass('open').addClass('close');
    }

    $('#navToggle').click(function(){
        if (content.hasClass('open')) {$(close)}
        else {$(open)}
    });

    content.click(function(){
        if (content.hasClass('open')) {$(close)}
    });
});

不确定此代码是否放置在这里是为了调试或测试其他内容，但它本质上破坏了您的滑动菜单。如果您删除或注释掉此代码，主页将按预期工作。

您会注意到此代码仅存在于主页上。