需要删除WP中的类(Chrome问题)

时间:2015-10-26 15:34:12

标签: jquery wordpress google-chrome

我在此网站的Chrome上遇到了问题:http://itn.inbucc.com/wp/v1/

右上方菜单按钮(产品)允许我显示侧面菜单,当我在区域外单击时返回。现在,此代码在WordPress(http://tympanus.net/Development/OffCanvasMenuEffects/)之外的chrome中工作,但不在内部(我的WP主题)。所以我想创建一个onclick函数来删除该类,但是没有工作。

原始代码是:

(function() {

    var bodyEl = document.body,
        content = document.querySelector( '.content-wrap' ),
        openbtn = document.getElementById( 'open-button' ),
        closebtn = document.getElementById( 'close-button' ),
        isOpen = false;

    function init() {
        initEvents();
    }

    function initEvents() {
        openbtn.addEventListener( 'click', toggleMenu );
        if( closebtn ) {
            closebtn.addEventListener( 'click', toggleMenu );
        }

        // close the menu element if the target it´s not the menu element or one of its descendants..
        content.addEventListener( 'click', function(ev) {
            var target = ev.target;
            if( isOpen && target !== openbtn ) {
                toggleMenu();
            }
        } );
    }

    function toggleMenu() {
        if( isOpen ) {
            classie.remove( bodyEl, 'show-menu' );
        }
        else {
            classie.add( bodyEl, 'show-menu' );
        }
        isOpen = !isOpen;
    }

    init();

})();

我想补充一下:

$('#quoteopacity').click (function(){

    $('body').removeClass('show-menu');

});

0 个答案:

没有答案