我的 ajax 頁面中的 $(window).load(function() 問題

Question

我在 ajax 頁面的父頁面中顯示預訂表格。 在那個 ajax 頁面中有$(window).load(function() { 。

如果我直接在瀏覽器中運行 ajax 頁面， $(window).load(function()工作正常。如果我從我的父頁面調用 ajax 頁面，則$(window).load(function()不起作用.

我不需要$(document).ready(function() 。我需要$(window).load(function()因為我正在做一些圖像處理。

請幫助我。

Answer 1

您必須對從 AJAX 頁面加載的圖像進行加載檢測。 在加載 ajax 內容后調用這樣的東西：

var total_images = $(".target-div img").length;
var loaded_images = 0;
$(".target-div img").each(function() {
    $(this).load(function() {
        // this img tag is loaded
        loaded_images++;
        if(loaded_images == total_images) {
            // Horray! all images are loaded
            // do something here...
        }
    });
});