Question

我正试图用滑动切换滑动切换我的二十三个移动菜单，它只滑下来但很快就会回来（没有幻灯片）。我注入了其他代码以使其滑动，但它是错误的。这是原始代码

/**
 * Enables menu toggle for small screens.
 */
( function() {
    if ( ! nav || ! button ) {
        return;
    }

    // Hide button if menu is missing or empty.
    if ( ! menu || ! menu.children().length ) {
        button.hide();
        return;
    }

    button.on( 'click.twentythirteen', function() {
        nav.toggleClass( 'toggled-on' );
        if ( nav.hasClass( 'toggled-on' ) ) {
            $( this ).attr( 'aria-expanded', 'true' );
            menu.attr( 'aria-expanded', 'true' );
        } else {
            $( this ).attr( 'aria-expanded', 'false' );
            menu.attr( 'aria-expanded', 'false' );
        }
    } );

这是我添加的内容

jQuery(document).ready(function () {
jQuery("button").on("click", function () {
    jQuery( ".menu-primary-nav-container" ).slideToggle( "slow" );
});
});

模板链接：https://twentythirteendemo.wordpress.com/

Answer 1

该模板已将脚本分配给click事件，并在菜单列表中切换类toggled-on（这就是您看不到滑动的原因）。你需要做的是以这种方式禁用新类：

.toggled-on .nav-menu, .toggled-on .nav-menu > ul {
    display: none; /* It was block */
}

在toggleClass中滑动切换

1 个答案: