为什么我的 jQuery 脚本不工作？

Question

$(document).ready(function(){

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

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

});

});

基本上我想要这个脚本做的是更改活动图标上的 class 使其看起来更透明，并且通过添加 [=14= 使鼠标悬停的图标更透明].

Answer 1

您的代码有几个问题。

您需要先删除活动 class，否则您将添加活动，然后立即将其删除（本质上是 "nothing"。）
'active' in addClass 应该是一个字符串。

具有页脚项和活动 class 的元素的正确选择器是 '.footer-item.active'

$(document).ready(function(){

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

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

   });

});

$(document).ready(function(){

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

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

});

});

.active { background: red; }

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

为什么我的 jQuery 脚本不工作？

Why isn't my jQuery script working?

jquery

tabs

footer

opacity