错误 - 滑出菜单脚本



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

http://newdigitalguru.com/kckarchitects/

除主页外,菜单在每个页面上都可以使用,我似乎无法弄清楚原因。该脚本正在加载,它将应用"打开"类,但是它立即将其删除并给它提供"关闭"类,然后它不再起作用。我遵循本教程:

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

在主页上,您在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)}
    });
});

不确定是否将此代码放置在此处进行调试或测试其他内容,但实际上是在打破您的滑动菜单。如果您删除或评论此代码,则主页可按预期工作。

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

最新更新