jQuery循环照片在div背景中

Question

当鼠标悬停div以循环并更改background-image 并停止其他 divs 时，我已成功完成周期

这会发生这样的情况：div有一个标题，当鼠标悬停在div时会出现，如果我抓住光标并将其放在标题上，然后再将光标移动到另一个div标题，循环在divs中继续，我不愿意。

我以这种方式清除interval cycle：clearInterval(theInterval);

但是，不知何故，当标题被徘徊时它并没有阻止其他人的循环。

问题可以在 JSFiddle 中看到。

模拟问题：

1. 将光标放在标题
上
2. 将光标快速移动到另一个div标题
3. 您会看到两个div都独立地继续循环（我只希望一个循环）

模拟其工作原理：

1. 将光标放在div上（不在标题中）
2. 将光标移动到另一个div
3. 您会看到只有一个div循环

Answer 1

我认为mouseover事件的性质存在问题，而div正处于如此接近的状态。请尝试使用悬停事件。见this fiddle

本质上：

$('.collection-photo').hover(function(){
  // mouse over stuff here
}, function() {
  // mouse out stuff here
});