jquery非常新—为什么不'；这不管用吗_Jquery_Html_Css_Jquery Animate

jquery非常新—为什么不'；这不管用吗

jquery html css

jquery非常新—为什么不'；这不管用吗,jquery,html,css,jquery-animate,Jquery,Html,Css,Jquery Animate,我只想将.icon移到右边。正在尝试按position（）的数量设置.icon的动画。左我的代码不起作用，我不知道为什么。我打赌这很简单 <script> $("li.menu-item").hover(function(){ var pos = $(this).position().left; $(".icon").animate({left : pos+'px'}, 1500 ); }); </script> </head> &

我只想将.icon移到右边。正在尝试按position（）的数量设置.icon的动画。左

我的代码不起作用，我不知道为什么。我打赌这很简单

<script>
$("li.menu-item").hover(function(){
    var pos = $(this).position().left;
    $(".icon").animate({left : pos+'px'}, 1500 );

});
</script>




</head>
<body>


<div id="menu-wrapper">
<ul id="main-nav">
<li class="menu-item"><a href="">Blog</a></li>
<li class="menu-item"><a href="">Sponsored</a></li>
<li class="menu-item"><a href="">Facebook</a></li>
<li class="menu-item"><a href="">Twitter</a></li>
<li class="menu-item"><a href="">About</a></li>
<li class="menu-item"><a href="">Contact</a></li>
</ul>

<div class="icon">move please</div>

</div><!-- //END menu-wrapper -->
</body>

任何帮助都会很好

谢谢

用

$（document.ready（）


$（文档）.ready（函数（）
{
$（“li.menu项”）.hover（函数（）{
var pos=$（this）.position（）.left；
$（“.icon”）.animate（{left:pos+'px'}，1500）；
});
});

查看此链接了解更多信息。只要稍加修改（

stop（）

ping每个新的悬停事件上的动画，这样东西就不会被链接起来），它似乎可以工作。

Damn。我甚至没有想到准备好的活动不见了。干杯+1嗨，谢谢你这么说，但还是没用。我看不出哪里出了问题。代码是否正确/哇，你真的做得很好！

#menu-wrapper { position: fixed; bottom: 50px; margin: 0 auto; text-align:center;}

.icon {
    width: 9px;
    height: 9px;
    background: url(../images/plus-menu.png) no-repeat 0 0;
    position: absolute;
    left: -5px;
    bottom: -4px;
}

#main-nav { line-height: 1.0; float: left; margin-bottom: 1em; }

#main-nav{list-style: none;}

#main-nav li a {
    display: block;
    position: relative;
    text-decoration: none;
    margin-right: 20px;
    color: #b2b2b2;
    line-height: 19px;
    padding-bottom: 17px;
}

#main-nav li { float: left; position: relative; }

#main-nav li a:hover, #main-nav li a:active { color: #404040; }

<script>
$(document).ready(function()
{
    $("li.menu-item").hover(function(){
        var pos = $(this).position().left;
        $(".icon").animate({left : pos+'px'}, 1500 );

    });
});
</script>