Question

我试图这样做，当除了主页幻灯片之外的任何其他幻灯片处于活动状态时，它会隐藏菜单：ocw2018.orangecoastwebsites.com

我正在使用此代码：

$(document).ready(function () {
    if ($('.about-us, .services, .portfolio, ocw-whole-testimonials, .ocw-blog, .contact-us').hasClass('uncode-scroll-active')) {
        $('#menu-main-menu').hide();
    } else {
        $('#menu-main-menu').show();
    }
});

在控制台中，它运行正常，但我不确定为什么它不在现场工作。

编辑：

基本上我想要这个代码能用但是用hasClass而不是hover

$(window).on('hover', function(){
    if(
    $('.about-us').hasClass('uncode-scroll-active') ||
    $('.services').hasClass('uncode-scroll-active') || 
    $('.portfolio').hasClass('active') || 
    $('.ocw-whole-testimonials').hasClass('uncode-scroll-active') || 
    $('.ocw-blog').hasClass('uncode-scroll-active') || 
    $('.contact-us').hasClass('uncode-scroll-active')) {
        $('#menu-main-menu').hide();
    } else {
        $('#menu-main-menu').show();
    }
});

它存在于我上面提供的URL上，因此您可以看到当您滚动到下一页并移动鼠标时，菜单消失。这是我的解决方法，直到我弄清楚如何在课程处于活动状态时隐藏它。

Answer 1

很难从你的帖子中确切地知道你想要什么。但是，到目前为止，无论我猜到了什么，都可以看到。

首先，您错过'.' 'ocw-whole-testimonials' '.ocw-whole-testimonials' true。

之后请分解多个条件而不是单行选择器系列，如下所示，它将确认您更准确的输出，假设任何选择器可能有预期的选择器所以将返回false但是任何其他可能不是那么将放出$(document).ready(function () { function hideMenu(){ if( $('.about-us').hasClass('uncode-scroll-active') || $('.services').hasClass('uncode-scroll-active') || $('.portfolio').hasClass('uncode-scroll-active') || $('.ocw-whole-testimonials').hasClass('uncode-scroll-active') || $('.ocw-blog').hasClass('uncode-scroll-active') || $('.contact-us').hasClass('uncode-scroll-active')) { $('#menu-main-menu').hide(); } else { $('#menu-main-menu').show(); } } hideMenu(); // Call when page load $(window).scroll(function(){ hideMenu(); // Call when page scroll }) });？所以避免这种混淆最好分解：

{{1}}

Answer 2

使用此功能。

$(window).scroll(function(){
    //write your code here
});

Jquery hasClass Code not working

2 个答案: