错误 - 滑出菜单脚本

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)}
    });
});

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

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