將jquery調用附加到圖片加載

Question

我正在嘗試合併一個腳本（我認爲這是一個「故障」，我相信它），它將圖像垂直居中在隱藏溢出的div內。它工作得很好，但是我的很多圖像都是在mouseover時動態加載的。

我需要找到一種方法來調用圖像加載腳本。現在已經過了兩天了，由於JS/JQuery不是我的母語，我在這裏找到了我的自我。

任何人都可以建議我怎麼可能得到以下火災圖像加載？ 非常感謝！因此，任何新的圖像內的指定的div一個裝載得到應用到一個onload功能

$("#book").load(function() { 
    // Handler for .load() called. 
}); 

與事件代表團，使其：

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 
    $('.container').each(function() { 
    var $img = $(this).find('img'); 
    $(this).scrollTop(($img.height() - $(this).height())/2); 
    $(this).scrollLeft(($img.width() - $(this).width())/2); 
    }); 
}); 
//]]></script> 

Answer 1

也許你可以裝載API（https://api.jquery.com/load/）相結合他們（https://learn.jquery.com/events/event-delegation/）：

// attach a delegated event 
$("#list").on("click", "a", function(event) { 
    event.preventDefault(); 
    console.log($(this).text()); 
}); 

Answer 2

$(document).ready(...會等到頁面上的一切都在執行之前加載（包括圖片）功能。

<script type='text/javascript'>//<![CDATA[ 
$(document).ready(function(){ 
    $('.container').each(function() { 
    var $img = $(this).find('img'); 
    $(this).scrollTop(($img.height() - $(this).height())/2); 
    $(this).scrollLeft(($img.width() - $(this).width())/2); 
    }); 
}); 
//]]></script>