0

我对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/

4

1 回答 1

0

此代码工作正常：

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

确保“.con”类存在

于 2013-03-28T00:36:20.083 回答