Question

我遇到了jquery＆＃34; .hover＆＃34;的功能问题。当鼠标在#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”类存在

Jquery悬停列表

1 个答案: