JQuery. Hover скрипт

Question

Я довольно новичок в jQuery, и вот моя проблема с этим веб-сайтом .

Как видите, справа есть несколько маленьких картинок.Я написал очень простой скрипт для HOVER, чтобы изменить прозрачность элемента при наведении курсора мыши.Но это не сработает, пока я не внесу небольшое изменение в этот скрипт в Firebug (например, просто нажав пробел в любой строке скрипта, он станет активным).и тогда это работает!Я полностью запутался в этом.

Если кто-нибудь может мне помочь, я могу исправить ту же проблему с помощью другого скрипта, который изменяет положение этих маленьких картинок при перемещении.

Я ищудля любого решения, которое может сделать то же самое, что я хочу.

Спасибо и до свидания в настоящее время.

Answer 1

Вам нужно заключить ваши вызовы в .hover () в вызовы $ (document) .ready (), как вы делаете это на некоторых других ваших узлах сценария, потому что изображения еще не загружаются на страницу, когда эти вызовы выполняются. Например, это:

  $('.s1').hover(
  function () {
    $(this).stop().css('z-index','9998').animate({left:-40});
  },
  function () {
    $(this).stop().css('z-index','').animate({left:-80});
  }
);

должно быть так:

$(document).ready(function(){
  $('.s1').hover(
  function () {
    $(this).stop().css('z-index','9998').animate({left:-40});
  },
  function () {
    $(this).stop().css('z-index','').animate({left:-80});
  }
);
})

Надеюсь, это поможет.