Question

我正在尝试添加一个悬停函数，该函数会在我的标题中添加一个类。我已经得到了这个代码，它在滚动时做了同样的事情。

  $(document).ready(function(){
  jQuery(window).trigger('resize').trigger('scroll');

    $(window).scroll(function() {
      var scroll = $(window).scrollTop();
      if (scroll >= 1 ) {
        header.removeClass('scroll').addClass("cover");
        $('#phantom').show();
        $('#phantom').css('height', Heightcalculate+'px');
             } else {
        header.removeClass("cover").addClass('scroll');
        $('#phantom').hide();
      }
    });

有没有办法编辑这个现有代码，所以它在悬停时做同样的事情？我尝试了我能想到的一切，但它不会起作用。提前谢谢。

Answer 1

如果没有看到您的所有代码，很难确切地告诉您该怎么做，但这是使用jQuery＆＃39; $.hover()的一般想法。在悬停时应用该类，并在您悬停时选择性地删除该类。

＆＃13;

$('header').hover(function() {
  $(this).addClass('class');
}, function() {
  $(this).removeClass('class');
});

＆＃13;

.class {
  background: black;
  color: white;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header>header</header>

＆＃13;

Jquery Header在悬停时添加类

1 个答案: