jquery - jqueryの画像効果が機能しない

Question

これが私のコードです。最初の fadeTo は機能しますが、それ以外は機能しません。

<script type="text/javascript" />

$(document).ready(function() {

$('#ButtonBGanim').fadeTo('fast',0.5);
        $('#ButtonBGanim').mouseenter(function() {
        $(this).fadeto('fast',1.0)


        }).mouseleave(function(){
        $this.fadeto('fast', 0.1);
        });
    });


</script>

<DIV id="ButtonBGanim">                    </DIV>

Answer 1

fadeToではなく、である必要がありfadetoます。

$(this)ではなく、である必要があり$thisます。

<script type="text/javascript" />
$(document).ready(function() {
    $('#ButtonBGanim').fadeTo('fast',0.5);
    $('#ButtonBGanim').mouseenter(function() {
        $(this).fadeTo('fast',1.0);
    }).mouseleave(function() {
        $(this).fadeTo('fast', 0.1);
    });
});
</script>

Answer 2

元のコードでは、fadeTo（）のスペルを間違えている可能性がありますが、次のようにホバーを試すこともできます。

<script type="text/javascript" />

$(document).ready(function() {

        $('#ButtonBGanim').fadeTo('fast',0.5);
        $('#ButtonBGanim').hover(function() {
        $(this).fadeTo('fast',1.0)


        },function(){
        $(this).fadeTo('fast', 0.1);
        });
    });


</script>