addEventListener失效求助:自定义关闭按钮无法添加IsClose类
你的JS代码存在这几个错误:
- 选择器语法错误:关闭按钮的选择器
$('closeBtn')缺少类选择器前缀.,正确写法应该是$('.closeBtn'),否则无法匹配到对应DOM元素。 - 混用jQuery与原生JS API:
你通过$()获取的headerBanner和closeBtn都是jQuery对象,不能直接调用原生JS的addEventListener和classList.add方法,得统一写法:- 若用jQuery风格,代码应改成:
var headerBanner= $(".header-banner"); var closeBtn = $('.closeBtn'); closeBtn.on('click', function () { headerBanner.addClass('IsClose'); }); - 若用原生JS风格,代码应改成:
var headerBanner= document.querySelector(".header-banner"); var closeBtn = document.querySelector('.closeBtn'); closeBtn.addEventListener('click', function () { headerBanner.classList.add('IsClose'); }, false);
- 若用jQuery风格,代码应改成:
内容的提问来源于stack exchange,提问作者1skora
相关产品推荐
相关产品推荐

