我正在使用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
});
}
}
}
);
});