0

インターネットのチュートリアルに従って動作するはずのこのjavascriptコードがあります。しかし、これは機能していません。コードの何が問題なのかわかりません。チェックしてください：

<script type="text/javascript">
$(document).ready(function()
{
    $('#nav2 li a').hover(function()
    {
        var offset=$(this).offset();
        var thiswidth =$(this).width()+13;
        $('#nav2 li.ybg').stop().aimate({left:offset.left+9+"px",width:thiswidth+"px"},400,function(){
            $(this).aimate({height:"28px"},150);
        });    
    },
    function()
    {
        $('#nav2 li.ybg').stop().aimate({height:"4px"},150,function(){
            $(this).aimate({left:"165px",width:"55px"},600,'easeOutBounce');
        });    
    }); 

});
</script>

すべてのクラス、ID 名、およびタグ名が正しいです。しかし、これは機能していません:( ここにフィドルがあります: http://jsfiddle.net/HVueJ/ 黄色いバーは動くはずです。

4

2 に答える 2

3

JavaScriptコードに間違いがあります：

<script type="text/javascript">
$(document).ready(function()
{
    $('#nav2 li a').hover(function()
    {
        var offset=$(this).offset();
        var thiswidth =$(this).width()+13;
        $('#nav2 li.ybg').stop().animate({left:offset.left+9+"px",width:thiswidth+"px"},400,function(){
            $(this).animate({height:"28px"},150);
        });    
    },
    function()
    {
        $('#nav2 li.ybg').stop().animate({height:"4px"},150,function(){
            $(this).animate({left:"165px",width:"55px"},600,'easeOutBounce');
        });
    });

});
</script>

これのはずです。あなたは次のようにつづりanimateましたaimate

これがフィドルです：http://jsfiddle.net/HVueJ/1/

于 2012-11-17T07:16:30.207 に答える
1

コードにタイプミスがあります。「アニメイト」をアイマテと書きました

于 2012-11-17T07:31:44.103 に答える