jquery - 使用 jquery 更改 div 上的类

Question

我有一个 div，它根据用户在页面上使用 jquery 的位置来更改类。这个函数看起来像这样..

$(function(){

    var menu = $('#menu'),
        pos = menu.offset();

        $(window).scroll(function(){
            if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){
                menu.fadeOut('slow', function(){
                    $(this).removeClass('default').addClass('fixed').fadeIn('slow');
                });
            } else if($(this).scrollTop() <= pos.top && menu.hasClass('fixed')){
                menu.fadeOut('slow', function(){
                    $(this).removeClass('fixed').addClass('default').fadeIn('slow');
                });
            }
        });

});

但我还想在单击具有特殊类/名称的链接/按钮时更改 div 类。

我做了一次糟糕的尝试..但是我怎样才能将其合并到前面的函数中呢？带有“if else”..

$(".closemeny").click(function() {
    menu.fadeOut('slow', function(){
        $('#menu').removeClass('fixed').addClass('default').fadeIn('slow');
});

Answer 1

我不太明白，但我会尝试一下:

只需将 .click 函数分开或将其移至 if/else {} 中即可。

$(function(){       
    var menu = $('#menu'),
        pos = menu.offset();

    $(window).scroll(function(){
        if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){
            menu.fadeOut('slow', function(){
                $(this).removeClass('default').addClass('fixed').fadeIn('slow');
            });

            //you can paste it here

        } else if($(this).scrollTop() <= pos.top && menu.hasClass('fixed')){
            menu.fadeOut('slow', function(){
                $(this).removeClass('fixed').addClass('default').fadeIn('slow');
            });

            //or you can paste it here
        }
    });

    //or you can leave it here to apply to all cases
    $(".closemeny").click(function() {
        menu.fadeOut('slow', function(){
            $('#menu').removeClass('fixed').addClass('default').fadeIn('slow');
        });
    });
});