jquery - jQueryは機能しませんか？アニメーション機能

Question

こんにちはstackoverflow

jQueryのチュートリアルをいくつか実行しているので、2Dチャットを開始したいと思います。

不透明度50％、マウスで画像をホバーすると100％で画像を作成するコードがありますが、機能しませんか？画像は50％ですが、100％に変更されることはありません。

私のコード：

$(function(){

    $('#container img').animate({
        "opacity" : .50
    });

    $('#container img').hover(function() {
        $(this).animate({  "opactiy": 1  });
        console.log("Den er nu 100% klar");
    });

});

Answer 1

ホバーステートメントにタイプミスがあります。

 $(this).animate({  "opactiy": 1  });

する必要があります：

 $(this).animate({  "opacity": 1  });

Answer 2

$(function(){

    $('#container img').animate({
        opacity : '1'
    });

    $('#container img').hover(function() {
        $(this).animate({  opacity:'0.5'  });

    },function(){
            $(this).animate({ opacity:'1'  });

    });

});​

JSFIDDLE

Answer 3

2番目に変更opactiyしopacityてください.animate()：

$(function(){

    $('#container img').animate({
        "opacity" : .50
    });

    $('#container img').hover(function() {
        $(this).animate({  "opacity": 1  }); // <-- Right here
        console.log("Den er nu 100% klar");
    });

});​

jsFiddle