持续时间忽略jquery slideDown

Question

我刚刚使用easeInBounce效果实现了slideDown元素，但是当我把持续时间设为时，它会忽略我......

我把

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

我试着把

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

但似乎一样......

Answer 1

首先，请确保您拥有JQuery缓动插件的相关部分，因为默认的jquery库不包含＆＃34; easeInBounce＆＃34;宽松期权。

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

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

如果您使用的是show()，那么您可以将它们分开，但即使这样，您也会将它们向后移动，因为持续时间应该先到。

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

看看这个jsfiddle。