我真的是 JS 和 JQuery 的新手,我没有选择要动画的元素,这是我的 HTML
<div class="box-product">
<h2>Light</h2>
<figure>
<img src="img/boxes/light.jpg" alt="Pepper Box Light" title="Pepper Box Light" />
<figcaption>
Versão light, porém igualmente apimentada da nossa PepperBox, para quem quer se divertir com seu amor</figcaption>
</figure>
</div><!-- box-product -->
我正在尝试选择h2
用户将鼠标悬停在的时间figure
,所以这是我最好的猜测:
$('.box-product figure').hover(function() {
$('.box-product').closest('h2').animate({color: 'f00'}, 'slow')
}, function() {
$('.box-product').closest('h2').animate({color: 'inherit'}, 'slow')
});
但是什么也没发生,所以,我需要一些帮助。
谢谢!