jQuery动画slideUp不起作用,因为它立即启动

时间:2018-12-27 21:30:00

标签: jquery jquery-ui animation jquery-animate

当显示我的div并单击关闭按钮时,div需要向上滑动,但动画无法正常工作,因为它会立即启动...有人可以告诉我如何使动画正常工作吗?

  $('.close').on('click', function() {
        $('#voteFormContainer').slideUp(200, function(){
          $('#voteFormContainer').removeClass('scaleToOne');
          $('.menu--under').slideUp(300);
        });
        $('body').removeClass('body-scroll-block');
      });

      $('.voteButton').on('click', function() {
        $('#voteFormContainer').css('display', 'block');
        setTimeout(function(){
          $('#voteFormContainer').addClass('scaleToOne');
        },10);
        $('.menu--under').slideDown(300);
        $('body').addClass('body-scroll-block');
      });


    #voteFormContainer {
      display: none;
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      overflow-y: scroll;
    }

0 个答案:

没有答案