使用mootools运行一个完成div淡出的功能

Question

我是mootools的新手并正常使用jQuery。

在jQuery中，我知道在完成效果之后我会运行一个函数。

$('#id').fadeOut(500, function(){ // Run function on complete. });

但你如何用mootools做到这一点？到目前为止，我有：

$('id').fade('out');

Answer 1

您需要设置补间/淡入淡出的选项。

var el = document.id('id');

el.set('tween', {
    onComplete: function(){
        // Run function on complete
    }
});

el.fade(0);

Answer 2

我更喜欢mootools的原因之一是代码的流动方式......

但是，如果你喜欢像jQuery一样链接所有内容，你可以在mooTools中做同样的事情

$('id').set('tween', {
    onComplete: function(){
        // Run function on complete
    }
}).fade(0);

在一个代码块中完成所有操作