JQuery onmouseover влияет только на один компонент

Question

Я пытаюсь создать анимацию для всех элементов div, называемых switch в html.Представьте себе, например, типичный переключатель iphone Cocoa.Анимация работает хорошо, но она применяется только к первому компоненту не для всех, хотя все они называются switch

Любое предложение?

Спасибо !!

Answer 1

Ну поменяй свой обработчик:

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

Когда jQuery вызывает ваш обработчик событий, он удостоверяется, что this ссылается на элемент, для которого вызывается обработчик.

Answer 2

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

использовать это ключевое слово