jquery - offcanvas 导航的侧边栏过渡 onclick 删除类

Question

我最近得到了 this用于 Canvas 外导航。如果您在他们的演示中看到他们所做的是，如果我们想要关闭侧边栏，则必须单击主体内的任意位置，并且侧边栏中的一个类已被删除以滑出侧边栏。

我想要的是在单击侧边栏内的关闭按钮时完成相同的效果，侧边栏必须滑出。如何实现？

这是他们用来删除类的代码。

var container = document.getElementById( 'st-container' ),
        buttons = Array.prototype.slice.call( document.querySelectorAll( '#st-trigger-effects > button' ) ),
        // event type (if mobile use touch events)
        eventtype = mobilecheck() ? 'touchstart' : 'click',
        resetMenu = function() {
            classie.remove( container, 'st-menu-open' );
        },
        bodyClickFn = function(evt) {
            if( !hasParentClass( evt.target, 'st-menu' ) ) {
                resetMenu();
                document.removeEventListener( eventtype, bodyClickFn );
            }
        };

谢谢

Answer 1

我认为您熟悉 jquery:

 $(document).ready(function () {
        $('#Your-close button-id').on('click', function () {
            $(this).removeClass('st-menu-open');
        });
    });