小编Odi*_*iin的帖子

如何使 addEventListener 'click' 在具有相同类的两个菜单项上工作

页面:https : //ensjotannklinikk.no/

这是一把小提琴

第一个名为“ Behandlinger ”的菜单项是用这个 JS(由biberman 提供)设置的,以使子菜单正确出现和缩回。

var submenu = document.querySelector('.behandlinger-meny');
var menuTrigger = document.querySelector('.behandlinger-item');

//javascript version of jQuery isChild()
function isChild(item, parentItem) {
    while (item != undefined && item != null && item.tagName.toUpperCase() != 'BODY'){
        if (item == parentItem){
            return true;
        }
        item = item.parentNode;
    }
    return false;
}

menuTrigger.addEventListener('click', function() {
    submenu.style.height = '55px';
});

document.querySelector('body').addEventListener('click', function(e) {
    if ( !isChild(e.target, menuTrigger) && !isChild(e.target, submenu) ) {
        submenu.style.height = 0;
    }
}); …
Run Code Online (Sandbox Code Playgroud)

html javascript css wordpress addeventlistener

7
推荐指数
1
解决办法
370
查看次数

标签 统计

addeventlistener ×1

css ×1

html ×1

javascript ×1

wordpress ×1