Почему не работают анимации animate.css?

Question

[Space]

Почему не работают анимации animate.css (известный всем набор анимации css3) кроме bounce? Пишу, например, flip или другие и ничего не происходит.

Может какие еще посовуете, про animation.css от justinaguilar знаю. Спасибо

Answer 1

[Сергей Мельников]

Может покажите пример? Где не работает? Где вы пишите flip?

Comments

[Space]

<script language="javascript">
    $(window).scroll(function() {
        $('#block-new46').each(function(){
        var imagePos = $(this).offset().top;
 
        var topOfWindow = $(window).scrollTop();
            if (imagePos < topOfWindow+280) {
                animate("#block-new46", 'flip');
            }
        });
    });
	
	function animate(element_ID, animation) {
        $(element_ID).addClass(animation);
      
    }
</script>

Если написать bounce, то все работает, вот в чем прикол.

[Сергей Мельников]

Иван: при анимации flip анимируется не сам элемент, а его первый потомок (элемент внутри него)

[Space]

И как мне быть? создать доп. div пустышку и запихать в него #block-new46? Если так, то как это можно сделать на js, то есть, чтобы также как я добалявю класс animation, только создать div и запихать туда #block-new46 ? Просто я не могу редактировать ручками html. Только программно.

[Сергей Мельников]

$("#block-new46").wrapInner($("<div/>"))

[Space]

Сергей Мельников:

<script language="javascript">
    $(window).scroll(function() {
        $('#block-new46').each(function(){
        var imagePos = $(this).offset().top;
 
        var topOfWindow = $(window).scrollTop();
            if (imagePos < topOfWindow+280) {
                animate("#block-new46", 'bounceInLeft');
            }
        });
    });
	
	function animate(element_ID, animation) {
        $(element_ID).addClass(animation);
      
    }
</script>

Вот так я делаю, а не работает, к тому же в #block-new46 есть элементый , поидеи должно анимировать, а не хочет

Answer 2

[Nash]

Действительно, без примера кода мы вам помочь не сможем. Выложите сюда пример того как делаете анимашку, мб вы через jq класс добавляете или еще как.