Jquery頭添加類上懸停

我試圖添加一個懸停功能，它將類添加到我的標題。我已經得到了這個代碼，但在滾動上。Jquery頭添加類上懸停

$(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(); 
     } 
    });

有沒有辦法編輯這個現有的代碼，所以它相同，但懸停？我試過了我能想到的一切，它不會工作。在此先感謝。

來源

2017-02-24 Geatrix

你試過['.hover（）']（https://api.jquery.com/hover/）功能？ – Satpal

https://api.jquery.com/hover/ –

嘗試'$（「elemnt」）。hover（）' – Nadim

沒有看到你所有的代碼，很難告訴你究竟該做什麼，但這是使用jQuery的$.hover()的一般想法。在懸停時應用該課程，並在懸停時選擇性地移除該課程。

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

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

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

來源

2017-02-24 20:34:42

我已經試過這個...不工作。 – Geatrix

@Geatrix然後你需要給我們一個工作演示，所以我們可以給你更準確的代碼，將爲你工作。否則，我們只是在猜測。 –

我不能，因爲我使用shopify和即時編輯主題，不活躍，只有我可以預覽它。我應該向你發送header.liquid文件嗎？ – Geatrix

Jquery頭添加類上懸停

回答

相關問題