爲什麼我的.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既需要在進出功能：

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

}); // close document.ready 

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