使用jquery

Question

我正在尝试使用jquery重命名我的类名，但现在正在使用。

<li id="menulogo" class="menulogo-hide">Logo</li>

这是我的代码

//fixed navigation on top when scrolling
var num = 50; //number of pixels before modifying styles
$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
         $('#nav').addClass('fixed-menu');
         $('#menulogo').removeClass('menulogo-view').addClass('menulogo-hide');
    } else {
         $('#nav').removeClass('fixed-menu');
         $('#menulogo').removeClass('menulogo-hide').addClass('menulogo-view'); 
    }
});

如果我尝试下面的代码，它可以成功添加类fixed-menu。看到我的波纹管代码看起来相同，但没有工作未能添加类

var num = 50; //number of pixels before modifying styles
$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
          $('#nav').addClass('fixed-menu');
    } else {
         $('#nav').removeClass('fixed-menu');
    }
});

代码即使看起来与上面相同也不起作用。为什么它不起作用。

var num = 50; //number of pixels before modifying styles
$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
        $('#menulogo').addClass('menulogo');
    } else {
        $('#menulogo').removeClass('menulogo');
    }
});

Answer 1

您无法切换多个班级。相反，只需使用：

 $(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
         $('#menulogo').removeClass('menulogo-view').addClass('menulogo-hide');
    } else {
         $('#menulogo').removeClass('menulogo-hide').addClass('menulogo-view');
    }
});