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

希望有所幫助。