Question

所以我试图让图片放大mouseenter并在mouseleave重置回正常状态。我尝试使用event.currentTarget一次只放大和缩小一张图片，而不是全部放大。现在问题是：我的代码不起作用，它说有语法错误？我看了大约20次，我看不到哪里？我做错了什么或我的代码不正确？如果有办法简化或修复我当前的代码，请告诉我。

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

.photo-active

的CSS代码

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

Answer 1

您的脚本中存在一些错误：

它应该是function (event) { ...而不是(event) => {。

我在jsfiddle上放了一个工作版本：https://jsfiddle.net/rasenderhase/wyzkmpph/4/

您可以在没有JavaScript的情况下执行此操作：

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

使用回调函数event.currentTarget的正确方法是什么？

1 个答案: