让mmenu.js在宽屏上打开,也可以关闭

时间:2015-07-08 09:31:44

标签: javascript jquery mmenu

我正在使用mmenu.js制作的菜单在宽屏上打开时打开,在中等到移动时关闭。但我也希望在宽屏幕上能够通过切换按钮关闭它。

现在,您只能在移动设备上关闭它。

这是一个fiddle

        $(function() {
            var $menu = $('nav#menu'),
                $html = $('html, body');

            $menu.mmenu({
                extensions: ["widescreen", "theme-dark"]
            });

            var $anchor = false;
            $menu.find( 'li > a' ).on(
                'click',
                function( e )
                {
                    $anchor = $(this);
                }
            );

            var api = $menu.data( 'mmenu' );
            api.bind( 'closed',
                function()
                {
                    if ( $anchor )
                    {
                        var href = $anchor.attr( 'href' );
                        $anchor = false;

                        //  if the clicked link is linked to an anchor, scroll the page to that anchor 
                        if ( href.slice( 0, 1 ) == '#' )
                        {
                            $html.animate({
                                scrollTop: $( href ).offset().top
                            }); 
                        }
                    }
                }
            );
        });

0 个答案:

没有答案