我在此网站的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');
});