You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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);
      

内容的提问来源于stack exchange,提问作者1skora

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.05 18:18:09