jQuery .load（）不能在我的圖像上工作

Question

我有一些代碼，我試圖在我的圖像加載完成後運行。我使用以下jQuery代碼：

$("#myimageid").load(function() { 
    alert('Image Loaded'); 
}); 

但是，彈出窗口永遠不會顯示。我無法使.load（）函數正常工作！任何人都有這個問題？

Answer 1

如果您在之後運行此圖像已經有設置源，則需要對緩存圖像（在添加事件處理程序偵聽它之前觸發該事件的人員）進行額外檢查。你可以是這樣做的：

$("#myimageid").on('load', function() { 
    alert('Image Loaded'); 
}).each(function() { 
    if(this.complete) $(this).load(); 
}); 

更新更高版本的查詢，使用方法：

if(this.complete) $(this).trigger('load'); 

使用(this).load();會產生一個錯誤Cannot read property 'indexOf' of undefined

Answer 2

當您清除瀏覽器的緩存並再次嘗試腳本時會發生什麼？從jQuery load()docs：

這是可能的，如果圖像是 從瀏覽器緩存加載的加載事件 不會被觸發。對於 考慮這種可能性，我們可以使用 使用一個特殊的加載事件，如果圖像準備就立即觸發 。 event.special.load目前 作爲插件

在一般情況下，沒有必要 等待所有圖像完全 加載。如果代碼早些時候可以執行 ，通常最好將 它放在發送到.ready（） 方法的處理程序中。

所以它聽起來像你的緩存圖像不會觸發加載事件，所以你可能想要嘗試插件提到。你可以找到JS文件下載here。

希望這會有所幫助！