Question

我有一个只应用于ID的类，但是当我使用addClass时，它在应用于元素时找不到css类。我添加错了，因为js正在工作并添加了类，但是找不到类？

CSS

#responsive-menu-toggle {
  height: 3.125em;
  width: 3.125em;
  border: none;
  background: url("img/menu.svg") no-repeat;
  -webkit-transition: all 2s ease-in-out;
  -moz-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;
  position: absolute;
  top: 1.25em;
  right: 1.25em; 
}
#responsive-menu-toggle .menu-toggle-active {
    background: url("img/menu-close.svg") no-repeat; 
}

JS

$('#responsive-menu-toggle').click(function(event) {
    $('#page').toggleClass('menu-open');
    $('.mobile-menu').toggleClass('mobile-menu-open');
    $(this).toggleClass('menu-toggle-active');
});

Answer 1

删除#responsive-menu-toggle .menu-toggle-active之间的空格 - 如果选择器中有空格，它将使用具有给定id的此类INSIDE元素搜索子元素，而不是具有此ID AND类的元素。

jquery addClass找不到id特定的类

1 个答案: