javascript - 为什么我的 .hoverIntent 动画背景位置不起作用？

Question

好吧，我正在尝试使用hoverIntent为一些社交网络图标设置动画，我在页面的其他部分使用了hoverIntent，并且效果很好。我没有收到错误消息，只是什么都没有发生!

                $("ul.social-networks li.flickr").each(function(index) {
                $(this).hoverIntent(
                    function() {
                        $(this).animate({backgroundPosition: "(-84px -28px)"},
                        {duration:200});
                    },
                    function() {
                        $(this).animate({backgroundPosition: "(-84px 0px)"},
                        {duration:200});
                    });
                console.debug($(this));
            });

Answer 1

hoverIntent 需要 over 和 out 函数:

$(document).ready(function(){
    $(".tag").hoverIntent({
        over: onHoverFunction, 
        timeout: 500, // believe time in milliseconds
        out: onLeaveFunction
    });

}); // close document.ready

function onHoverFunction(){
    // Code 
}
function onLeaveFunction(){
    // Code 
}