Повторно запустить скрипт после загрузки нового содержимого изображений в div

Question

У меня есть сценарий для изменения размера изображений в соответствии с размером экрана.

Сценарий для изображений:

$(document).ready(function($){ 

     var ratios, 
    adjustSize = function(){ 

    var total = 520, 
     win = $(window), 
     winW = win.width(), 
     winH = win.height()-150; 

    $('#container img').each(function(i){ 
     var w = winH * ratios[i]; 
     $(this).css({ 
      height: winH, 
      width : w 
     }); 
    total += w; 
    }); 
    $('body').width(total); 
}; 

    $(window).load(function(){ 
     ratios = $('#container img').map(function(){ 
      return $(this).width()/$(this).height(); 
     }); 
     adjustSize(); 
    }) 
    .resize(function(){ adjustSize(); }); 
}); 

Все прекрасно за исключением, когда я пытаюсь загрузить новое содержание в DIV из внешнего файла работает этот скрипт для изменения размера не повторно запустить снова и изменить размер картинки.

Скрипт для изменения содержания:

$(document).ready(function(){ 
      $("#id").click(function(){ 
      $('#container').load('some.html').hide().fadeIn('slow'); 
      }); 
     }); 

Как я могу изменить сценарий? Я пробовал событие .click(), но это не сработало, или, может быть, я что-то делаю неправильно. Я действительно застрял, может кто-нибудь помочь, пожалуйста!

Благодаря

Answer 1

Вы пытаетесь получить доступ к «adjustResize()» функции вне контекста.

Попробуйте добавить это в самом начале файла

var adjustSize; 

, а затем добавить «;» вместо «» в „соотношениях“ так он будет выглядеть следующим образом:

var ratios; 
adjustSize = function(){ 

Answer 2

Вы можете использовать функцию обратного вызова для load вызвать функцию, когда она полная:

$(document).ready(function(){ 
     // Click event is needed assuming that you want the load to happen only when the element with id 'id' is clicked 
     $("#id").on('click', function(){ 
      $('#container').load('some.html', function() { 
       // Do something after load (wrap your image resizing code in a function and call it here) 
      }) 
      .hide().fadeIn('slow'); 
     }); 
    }); 

Answer 3

Вызов adjustSize() (перед укрытием)

$('#container').load('some.html',function(){ 
    adjustSize(); 
    $(this).hide().fadeIn('slow'); 
});