为什么我的.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 
}