如何在加載img後強制腳本工作？

我有下一個腳本。它在img加載之前有效，你使用方法加載。如何在加載img後強制腳本工作？

$(document).ready(function() { 
    $('.slide-img img').load(function(){ 
    var height = $(this).height(); 
    var width = $(this).width(); 
    if (width > height) { 
     $(this).attr('style', 'max-height: 100%'); 
    }; 
    if (height > width) { 
     $(this).attr('style', 'max-width: 100%'); 
    }; 
    }); 
});

我怎麼能加載img後強制腳本工作？

來源

2016-04-08 Samoilenko Alexey

http://stackoverflow.com/questions/280049/javascript-當圖像被加載時回調圖像 –

您可能想要查看某些圖像預加載庫以實現此目的。您的代碼只能在DOM準備就緒時運行。 http://www.createjs.com/preloadjs可能會矯枉過正，但絕對是一種選擇。 –

你的代碼看起來很好。檢查您的選擇器是否正確。 –

使用window.load方法（jQuery的）：

$(window).load(function() { 
// this will fire after the entire page is loaded, including images 
});

或者使用的window.onload方法（JavaScript的）：

window.onload = function() { 
// this will fire after the entire page is loaded, including images 
};

來源

2016-04-08 08:22:29 Sumanta736

謝謝你的回答！但它不工作，或者我錯了。看這裏請 - https://jsfiddle.net/kino45/jo82d6pw/1/ –

你在jsfiddle中添加jQuery嗎？檢查我的codepen：http://codepen.io/anon/pen/RaxyGQ – Sumanta736

不包括你的圖像加載功能，$（窗口）.load照顧你的圖像加載。檢查我的答案評論部分。 – Sumanta736

如何在加載img後強制腳本工作？

回答

相關問題