jQuery .hover脚本

Question

我对jQuery很新，这里是我的问题。

如您所见，右侧有一些小图片。我用HOVER写了一个非常简单的脚本，以便在鼠标悬停时更改元素的不透明度。但是，直到我在Firebug中对该脚本进行了一些小修改后（例如，只要按任意一行脚本中的空格键，它就会变为活动状态），这都不起作用。然后它的工作！我完全被这个困惑了。

如果任何人都可以帮助我解决问题，那么我可以用另一个脚本来改正同一个问题，以便在移动时改变这些小图片的位置。

我正在寻找任何解决方案，可以做同样的事情，我想要的。

谢谢 现在再见。

Answer 1

您需要将呼叫打包到$（document）.ready（）调用中的.hover（）调用中，就像您在某些其他脚本节点中调用一样，因为当执行这些调用时图像未加载到页面中。例如，这样的：

$('.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}); 
    } 
); 
}) 

希望有所帮助。