Всё зависит от того как вы с animate.js работаете.
К примеру как я выкрутился на ajax сайте, что сейчас делаю.
Анимировано появление и исчезновение страницы.
Каждая страница имеет уникальную анимацию.
Что я для этого сделал.
1) анимация каждой страницы хранится в отдельном js файле. Когда загружается страница, загружается и скрипт анимации.
Важно то что скрипт загружается через $.getScript(), путь к скрипту берётся из придуманного мной тега
<getAnimate>путь к файлу</getAnimate>, размещённого на подгруженной странице. Напрямую пихать скрипт в страницу смысла нет, работать не будет.
2) структура скрипта анимации
page={
show:function(){
// инструкиции анимации
},
hide:function (){
// инструкиции анимации
}
}
то есть все методы размещены в объекте page.
3) Как всё это работает
появление- грузим страницу через ajax
- ищем тег <getAnimate>, берём оттуда адрес
- загружаем по адресу скрипт анимации, скрипт запускается, присваивается новое значение обьекту page/
- я запускаю анимацию page.show();
выход со страницы- запускаю page.hide();
- по окончанию анимации, начинается загрузка новой страницы.
Я вам описал возможное решение. Очень хочется знать как задачу решили вы.