Jquery toggleClass toggle的类,但不会多次运行动画

Jquery toggleClass toggle's class but doesn't run animation more than once

本文关键字:运行 动画 toggleClass toggle 的类 Jquery      更新时间:2023-09-26

问题是我有一个特定的链接,如果单击,我想将div向上拉到屏幕上,但能够被单击并向下拉回。问题是,它只做一次,然后就不再做了。我签入了Chrome的样式检查器,该类按预期打开和关闭,但它拒绝运行动画 我迷路了

下面是一个简短的代码示例:

$('#gallL a').unbind('click');
    $('#gallL').click(function(){
    var $this = $(this);
        $this.toggleClass('hlinks hlinksClicked');
        if($this.hasClass('hlinksClicked')) {
            $(foot).animate({
            'bottom':   $(window).height()-60}, 900, 'easeOutBounce');
        } else {
            $(foot).css({'top': '0px'});
            $(foot).animate({
            'top':      $(window).height()-60}, 900, 'easeOutBounce');
        }
    });

看起来很简单,但没有去:-(

您使用底部值进行一次动画处理,另一次使用顶部值进行动画处理。