コールバック関数event.currentTargetを使用する適切な方法は何ですか？

Question

私はmouseenterをズームインして画像を取得しようとしています。mouseleaveに戻ってリセットしてください。私はevent.currentTargetを使用して、一度に1つの画像をすべてではなく、ズームインおよびズームアウトで作成しようとしました。今問題：私のコードが動作していない、それは構文エラーがあると言いますか？私は約20回それを見て、私はどこに見えないのですか？間違ったことをしたのですか、コードが間違っていますか？これを簡略化したり、現在のコードを修正する方法がある場合は、教えてください。

$('.product-photo').on('mouseenter', (event) => { 
    $(event.currentTarget).addClass('photo-active') 
    }).on('mouseleave', event => { 
    $(event.currentTarget).removeClass('photo-active') 
    }) 

.photo-アクティブ

.photo-active { 
    background-size: 30.8em 16.5em; 
    transition: 0.2s; } 

Answer 1

ためのCSSコード、スクリプトに多少の誤差があります

それはfunction (event) { ...代わりの(event) => {をお読みください。

私はjsfiddleに作業バージョンを入れている：https://jsfiddle.net/rasenderhase/wyzkmpph/4/

あなたはJavaScriptをせずにこれを行うことがあります。問題の解決策は、あなたが含まれている場合はるかに簡単です：

.product-photo:hover { 
    background-size: 30.8em 16.5em; 
}