2013-01-02 96 views
0

喜对不起完全新的使用jQuery的mootools的,有一个容器(保存到变量itemContent)揭示,Fx.Reveal事件完成后(完成)

后这个功能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); 

回答

0

Fx.Reveal Fx的延伸,因此,继承了它的所有事件。

,通过部件的setter尝试:

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

,你还可以得到揭示实例:

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

这将返回该实例,你可以设置任何你喜欢它像往常一样。

0

您可以使用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/