2011-04-27 83 views
0

好吧,我有一些jQuery的JavaScript,我打算添加一個.load()事件,希望有人可以幫助我。jQuery加載事件與我的代碼

$(function() { 

    $('#nav li a img').each(function() { 
    var originalSrc = this.src, 
     hoverSrc = originalSrc.replace(/\.(gif|png|jpe?g)$/, '_over.$1'); 
     image = new Image(); 

    image.src = hoverSrc; 

    $(this).hover(function() { 
     this.src = hoverSrc; 
    }, function() { 
     this.src = originalSrc; 
    }); 
    }); 
}) 
+0

你有看過文檔嗎?有一些例子:http://api.jquery.com/load-event/ – 2011-04-27 06:57:05

+0

是的,不要擔心,這和亞歷克斯和我之間有點相似。 – Jason 2011-04-27 06:59:13

+0

這是不公平的,因爲Stack Overflow問題可以被任何人評論/回答。 @Felix我一直在用@Jason評論一下,幫助他在之前的問題中用jQuery和圖片加載。 – alex 2011-04-27 07:02:27

回答

2

之前你設定的Imagesrc屬性,附加回調是這樣的...

image.onload = function() { 
    // The image has loaded successfully. 
} 

當圖像加載,並且是成功的,它會調用該函數。

如果該功能不成功,它將調用分配給onerror屬性的功能。可以使用$(image).load(function() { ... })

+0

我發佈後是否編輯過我的帖子?我編輯它之後我確實做了它。那麼這在我的/你的代碼中進行。 – Jason 2011-04-27 06:57:23

+0

是否正確?我只是將前面的代碼放在{} – Jason 2011-04-27 07:00:13

+0

@Jason Place中,然後在設置'src'屬性之前放置它,但在*之後* *已經實例化了'image'。所以把它放在'image.src = hoverSrc;'行之前。 – alex 2011-04-27 07:03:49