为什么我的jQuery脚本不起作用？

Question

$(document).ready(function(){

  $('.footer-item').hover(function(){

    $(this).addClass(active);
    $('.footer-item active').removeClass('active');

});

});

基本上我希望这个脚本做的是更改活动图标上的类，使其看起来更透明，并通过添加类使悬停在上面的图标更加透明。

Answer 1

您的代码存在一些问题。

• 您需要首先删除活动类，否则您将添加活动类，并立即将其删除（基本上执行＆＃34;没有＆＃34;。）
• ＆＃39;有源＆＃39;在addClass中应该是一个字符串。

• 带有页脚项和活动类的元素的正确选择器是＆＃39; .footer-item.active＆＃39;

  $(document).ready(function(){
  
    $('.footer-item').hover(function(){
  
      $('.footer-item.active').removeClass('active');
      $(this).addClass('active');
  
     });
  
  });
  

＆＃13;

＆＃13;

$(document).ready(function(){

  $('.footer-item').hover(function(){

    $('.footer-item.active').removeClass('active');
    $(this).addClass('active');

});

});

＆＃13;

.active { background: red; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="footer-item">Item 1</div>
<div class="footer-item">Item 2</div>
<div class="footer-item">Item 3</div>
<div class="footer-item">Item 4</div>

＆＃13;

＆＃13;

＆＃13;