jquery懸停列表

Question

我有一個問題，jquery「.hover」的功能。當鼠標在#navigation上沒有任何反應時。我的代碼的HTML是：

<ul id="navigation"> 
<li class="home"><a href="" title="Home"></a></li> 
<li class="about"><a href="" title="O nas"></a></li> 
<li class="realization"><a href="" title="Realizacje"></a></li> 
<li class="devblog"><a href="" title="devBlog"></a></li> 
<li class="contact"><a href="" title="Kontakt"></a></li> 

的JavaScript：

<script src="js/jquery.min.js"></script> 
<script type="text/javascript"> 


$(document).ready(function() { 
    $('#navigation > li').hover(
    function() { 
    $('a',$(this)).stop().animate({'marginLeft':$('.con').offset().left + $('.con').width()},200); 
    alert($('#navigation li').is('.hovered')); 
    }, 
    function() { 
    $('a',$(this)).stop().animate({'margin-left': $('.con').offset().left + $('.con').width() - 235}, 200); 
    alert($('#navigation li').is('.hovered')); 
    } 
); 

    $('#navigation a').css('margin-left', $('.con').offset().left + $('.con').width() - 235 + 'px'); 
    console.log($('.con').offset().left + $('.con').width() - 235 + 'px'); 

    alert($('#navigation').is('.hovered')); 


}); 
</script> 

任何人都知道會發生什麼？

有我的網站全碼：http://jsfiddle.net/pasterz/cCTgf/

Answer 1

此代碼工作正常：

function() { 
     $('a', $(this)).stop().animate({ 
      'marginLeft': 200 
     }, 200); 
     alert($(this).is(':hover')); 
} 

確保 「.CON」 類存在