hover - jQuery 悬停脚本

Question

我是 jQuery 的新手，这是我的问题 website .

如你所见，右边有一些小图片。我用 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});
  }
);
})

希望对您有所帮助。