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

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

通过元素设定器尝试：

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

你也可以获得揭示实例：

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

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

Answer 2

您可以使用link选项启用链接。

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

此示例将隐藏，显示然后发出警报。请注意，我需要获取reveal实例，因为mootools中的标准元素没有实现Chain类。

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

要查看它的实际效果：http://jsfiddle.net/LKSN8/1/

Fx.Reveal事件完成后（完成）

2 个答案: