速度js汉堡包菜单功能

时间:2018-05-31 23:32:51

标签: velocity.js

我正在尝试编写一个功能,我点击一个汉堡菜单,然后打开,然后再次点击它关闭。我已经尝试了很多例子,但是第二次单击菜单时它总是返回“无法读取未定义的属性'模式”的错误。我引用的示例是https://codepen.io/filippo/pen/WvGbJB?editors=1010。我在这里错过了什么吗?

我的代码如下:

         $('.menu').click( function ( event ) {

            if( $(event.target).hasClass('open') ) {

                $('.full-menu').velocity({ width: "0%" }, { duration: 100 });
                $('.menu').removeClass('open');
                $('.full-menu').addClass('hide-menu');

            } else {
                $('.full-menu').velocity({ width: "100%" }, { duration: 100 });
                $('.full-menu').removeClass('hide-menu');
                $('.menu').addClass('open');
                bindmenus()
            }
        });

0 个答案:

没有答案