JQuery onmouseover仅影响一个组件

Question

我正在尝试为html中名为switch的所有div创建一个动画。想象一下，例如典型的iphone Cocoa开关。动画效果很好，但它只适用于第一个组件而不适用于所有这些组件，尽管它们都被称为开关

有什么建议吗？

谢谢！

Answer 1

改变你的处理程序：

$('.photoItemWhite').mouseover(function() {
  $(this).animate({top: '-25px'}, 500);
});

当jQuery调用您的事件处理程序时，它将确保this引用要为其调用处理程序的元素。

Answer 2

$(".photoItemWhite").mouseover(function(){ $(this).animate({ top: "-25px" }, 500 ); });

使用此关键字