Javascript Jquery悬停列表

我对jquery“.hover”的函数有问题。当鼠标悬停在导航上时，什么也不会发生。我的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>

$（文档）.ready（函数（）{
$（'#导航>li'）。悬停(
函数（）{
$（'a'，$（this））.stop（）.animate（{'marginLeft'：$（'.con'）.offset（）.left+$（'.con'）.width（）}，200）；
警报（$（“#导航li”）.is（“.悬停”）；
},
函数（）{
$（'a'，$（this））.stop（）.animate（{'margin-left'：$（'.con'）.offset（）.left+$（'.con'）.width（）-235}，200）；
警报（$（“#导航li”）.is（“.悬停”）；
}
);
$（'a'）.css（'margin-left'，$（'.con'）.offset（）.left+$（'.con'）.width（）-235+'px'）；
console.log（$（'.con'）.offset（）.left+$（'.con'）.width（）-235+'px'）；
警报（$（“#导航”）.is（“.悬停”）；
});

有人知道会发生什么吗

我的网站有完整的代码：

此代码运行良好：

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

---

确保“.con”类存在

是否关闭UL？您应该查看“.on（）”元素是什么？您选择的是示例DOM中不存在的内容。对其调用

.offset（）

会产生

未定义的
。无法获取
未定义的
的
left
属性。我的网站有完整的代码：