Question

这是有史以来最令人沮丧的事情。而不是像它应该的那样平滑地动画，由于某种原因，它等待动画的整个持续时间（1000ms），然后立即设置我的.nowGone div的高度。我正在使用IE 11。

这是我的HTML：

<head>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="//code.jquery.com/jquery-1.11.0.js"></script>
    <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
</head>

<body>
    <div class="nowGone">
        <!-- large table with lots of rows -->
    </div>
    <div class="more">
        <a href="javascript:;"><i class="fa fa-plus"></i> Show</a>
    </div>
</body>

这是我的CSS：

.more {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    position: relative;
    display: block;
}

.nowGone {
    display: none;
    overflow: hidden;
    height: auto;
}

这是我的JQuery：

$(function () {

    $(".nowGone").css('display', 'block');
    var goneheight = $(".nowGone").css('height');
    $(".nowGone").css('height', '0px');

    $(".more").find("a").mousedown(function() {
        $(".nowGone").animate({ height : goneheight }, 1000);
    });

});

JQuery .animate（）没有动画效果。相反，它会等待持续时间并立即进行更改

0 个答案: