javascript - 动画.css : Animate on hover script

Question

我正在尝试使用 JS 完成悬停动画，但我对所述语言的技能非常有限。我的 script.js 文件中有这个脚本，因为它是我使用的唯一脚本:

$(document).ready(function() {

    animationHover('#intro-logo' 'tada')

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

}

})();

目标是当我将鼠标悬停在#intro-logo 上时，脚本将添加 .animated 和 .tada 类，这将为该死的东西制作动画!但是我得到 Uncaught SyntaxError: Unexpected string 这让我想到了

animationHover('#intro-logo' 'tada')

我不知道我做错了什么，我用了一个教程here它对那个人有用，但我没有这样的运气。我真诚地感谢任何人的帮助。

预先感谢您，这个社区很棒。这是我的第一个问题，但是你们所有人都帮助我解决了成百上千个问题，使我在 web 开发能力的道路上一路坎坷(其中大部分显然仍然遥遥领先)。

编辑:我添加了缺失的逗号，现在看来我结束文档的方式有问题。发布的是我的整个 JS 文件，如何正确关闭所有内容？ })();似乎不起作用。

Answer 1

Working example :

$(document).ready(function () {

    animationHover('#intro-logo', 'tada')

    function animationHover(element, animation) {
        element = $(element);
        element.hover(

        function () {
            element.addClass('animated ' + animation);
        },

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

});

删除了末尾不必要的}和()，并添加了逗号。