制作函数动画

Question

试图将jquery.animate制作成一个函数，这样它会占用更少的空间，也更容易阅读

function anim(object, values, end) { // Problem with the "end" part
    $(object).animate (values, {
        duration: 1000,
        quene: false,
        specialEasing: {top: "easeOutQuad"},
        complete: function() end // <-- here
    })
})

我也试着把它做成{结束}的样子，但它会起作用。还试着把结尾改成另一个名字，但还是没用。

Answer 1

您只需要在调用complete事件时传入一个表示该事件的函数。因此，您的anim()函数应该如下所示：

// The end parameter is simply a function that will be mapped to your completion event
function anim(object, values, end) { 
    $(object).animate (values, {
        duration: 1000,
        queue: false,
        specialEasing: {top: "easeOutQuad"},
        // This will map the completion event to your function that was
        // passed in
        complete: end 
    })
}

要真正调用该函数，只需将选择器传递给元素，即的一系列值

anim('#your-element', { ... }, function(){ alert('Done!'); });