Question

我尝试过多次使用缓动用于教育目的但是徒劳无功我的试验从未成功肯定我做错了但是两天现在我无法识别错误，所以我在这里包含了我的jQuery函数并希望你能说出来我在哪里问题。

附加代码的结果只是隐藏而不是动画

$(document).ready(function()
{
    $('#hide').click(
        function()
        {
            $('p').toggle(
            function()
            {
                $('p').animate({'padding':'=+150px'},3000,'swing')
            },
            function()
            {
                $('p').animate({'padding':'=-150px'},3000,'linear')
            }
            );
        }
    )
})

Answer 1

我删除了对toggle的弃用形式的调用，用一个简单的布尔值替换它。另请注意，padding应设置为-=150px而不是=-150px。

var toggle = true;
$(document).ready(function()
{
    $('#hide').click(
        function()
        {
            if(toggle){
                $('p').animate({'padding':'+=150px'},3000,'swing');
                toggle = false;
            }else{
                $('p').animate({'padding':'-=150px'},3000,'linear');
                toggle = true;
            }
        }
    )
});

工作示例： http://jsfiddle.net/nBzCL/

jQuery中的缓动选项无效

1 个答案: