持续时间忽略jquery slideDown

Question

我刚刚实现了用 easeInBounce 效果滑动元素，但是当我输入持续时间时，它忽略了我......

我放了

$(document).ready(function() {
        $( "#hola1" ).slideDown( {easing: "easeInBounce"}, 2899, function() {
        });
    });

我试着把

$(document).ready(function() {
        $( "#hola1" ).slideDown({
                duration: "3000",
                easing: "easeInBounce"});
    });

但好像都一样……

Answer 1

首先，请确保您拥有 JQuery 缓动插件的相关部分，因为默认的 jquery 库不包含“easeInBounce”缓动选项。

接下来，您需要将持续时间作为您插入的选项的一部分：

$(document).ready(function() {
    $( "#hola1" ).slideDown( {easing: "easeInBounce", duration: 2899}, function() {
    });
});

如果您使用的是show()，那么您可以将它们分开，但即便如此，您也可以将它们倒过来，因为持续时间应该排在第一位。

$(document).ready(function() {
    $( "#hola1" ).show(2899, "easeInBounce", function() {
    });
});

看看这个jsfiddle。