железа маршрутизатор добавить CSS анимацию с onBefore и onAfter действий

Question

Как я могу получить анимации, идущие с железом маршрутизатор
Класс CSS добавляется, когда страница загружена
КНБ из animate.css
анимация показывает один раз, но навигации по другие страницы не запускают анимацию снова.

router.coffee

Router.map -> 
    @route "page1", 
    path: "/", 
    @route "page2", 
    path: "/page2", 

animateContentOut = (pause) -> 
    $('#layout').addClass 'animated fadeIn' 
    console.log ('fade in') 

animateContentIn = -> 
    $('#layout').removeClass 'animated fadeIn' 
    console.log ('fade Out') 
    this.next() 

Router.onAfterAction animateContentOut 
Router.onBeforeAction animateContentIn 

Answer 1

Действия называются немедленно, прежде чем страница отображается.

Вы должны сделать это в обработанных функциях шаблона.

Посмотрите здесь:

http://www.manuel-schoebel.com/blog/simple-page-transitions-with-iron-router-hooks https://atmospherejs.com/ccorcos/transitioner

Answer 2

Это работало

метеор добавить ccorcos: transitioner

Router.cofee

Router.onBeforeAction -> 
    $('#layout').css('display', 'none') 
    this.next() 

Router.onAfterAction -> 
    $('#layout').velocity('transition.fadeIn',500)