mootools - 完成后的 Fx.Reveal 事件（完成）

Question

嗨，对不起，对于使用 jquery 的 mootools 来说是全新的，有一个容器（保存到变量 itemContent），它显示，

在此之后调用一个函数galleryScroll，它将元素滚动到保存到var itemScroll的容器中，

想确保在调用滚动功能之前显示 itemContent 最好的方法是什么？

谢谢

itemContent.reveal({
                'height' : '100%',
                duration: 1600, 
            }).addClass('open-content');

            // should this fire this in  a callback function so it fires once the container is revealed



            galleryScroll.toElement(itemScroll);

Answer 1

You can enable chaining with the link option.

itemContent.reveal({
    'height': '100%',
    duration: 1600,
    link: 'chain'
}).addClass('open-content');

This example will hide, reveal and then alert. Please note that I need to get the reveal instance as the standard Element in mootools does not implement the Chain class.

document.id('first').set('reveal', {
    duration: 'long',
    transition: 'bounce:out',
    link: 'chain'
}).dissolve().reveal().get('reveal').chain(function(){alert('message');});

To see it in action: http://jsfiddle.net/LKSN8/1/

Answer 2

Fx.Reveal 扩展了 Fx，因此继承了它的所有事件。

通过元素设置器尝试：

itemCount.set('reveal', {
    onComplete: function(){
        galleryScroll.toElement(this.element);
    }
}.reveal({... });

您还可以获得揭示实例：

var fxReveal = itemCount.get('reveal');

这将返回实例，您可以像往常一样设置您喜欢的任何内容。