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});
  }
);
})

希望有帮助。