【问题标题】:Duration time ignored jquery slideDown持续时间忽略jquery slideDown
【发布时间】:2014-10-05 13:55:07
【问题描述】:

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

我放了

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

我试着把

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

但好像都一样……

【问题讨论】:

    标签: jquery slidedown duration easing


    【解决方案1】:

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

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

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

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

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

    看看这个jsfiddle

    【讨论】:

    • 所以问题出在我的 jQuery UI 上?
    • 那么,您使用的是 JQueryUI 吗?你包括它吗?您必须确保包含 JQueryUI 才能使用“easeInBounce”,但同样,持续时间应该在 options 内,就像 easing 一样。
    • Okey 所以是的,因为它有效但仅在他的持续时间内有效,我尝试将缓动放入内部但它不起作用......但我认为它有效但不正确,因为我尝试使用默认缓动,我可以控制时间
    • 我在答案中添加了一个 jsfiddle 示例。它使用 jquery 和 jqueryui。
    • 哇,我的 jquery 脚本有问题,所以我只需要 jquery 和 jquery ui?
    猜你喜欢
    • 2014-05-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多