Question

我在这个网站http://www.telegraphicsinc.com/2013/07/how-to-use-animate-css/中引用animate.css 1-我有点击功能：

function animationClick(element, animation){
    element = $(element);
    element.click(
        function() {
            element.addClass('animated ' + animation);        
            //wait for animation to finish before removing classes
            window.setTimeout( function(){
                element.removeClass('animated ' + animation);
            }, 2000);         

        });
}

2-我在这里调用了这个函数，但是我想改变一下，如果我点击（#container）它会动画并显示（.content）如下：

$(document).ready(function(){
    $('#container').each(function() {
        animationClick(this, 'bounce'); // how I modified this line
        $('.content').show(); // I want to show and animate bounce for (.content) not (#container)
    });
});

Answer 1

我已经解决了我的问题:)

 $(function() {  
        $("#container").click(function() { 
           $(".content").show(); 
            animate(".content p", 'animated bounceInDown');  
            return false;  
        });  
    });  

    function animate(element_ID, animation) {  
        $(element_ID).addClass(animation);  
        var wait = window.setTimeout( function(){  
            $(element_ID).removeClass(animation)}, 1300  
        );  
    }

jquery / js - 使用click函数animate.css来设置动画并显示另一个元素

1 个答案: