在使用jquery.ajax時,我們有時需要等待一個圖片加載完成后再執行一些操作,這就需要用到等待圖片的方法。
function waitImageLoad(imgUrl, callback) { var img = new Image(); img.src = imgUrl; if (img.complete) { callback.call(img); } else { img.onload = function () { callback.call(img); }; } }
上面的代碼中,我們通過創建一個Image對象并設置圖片的src來加載圖片。如果圖片已經加載完成,則直接執行回調函數;否則等待圖片加載完成后再執行回調函數。
接下來,我們可以在ajax的success回調函數中來調用等待圖片方法:
$.ajax({ url: 'someurl', success: function (data) { waitImageLoad('someImgUrl', function () { // 圖片加載完成后執行的操作 }); } });
在上面的代碼中,我們首先執行ajax請求,當ajax請求成功后再等待圖片加載完成。這樣可以保證我們所需要的圖片已經加載完成并可以使用。
下一篇css 在線 可視化