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 に答える