Функция не вызывается, когда я возвращаюсь на страницу

Question

У меня есть два изображения, первое изображение может быть любого размера, и я хотел бы, чтобы второе изображение прямо рядом с ним было той же высоты, что и первое изображение. Я написал следующий код:

<script> 
    $(function() { 
    $("#first").load(function() { 
     var imgheight = $(this).height(); 
     $("#first_papers").css("height", imgheight); 
    }); 
    }); 
</script> 

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

Любые идеи о том, как исправить это?

Answer 1

Для последовательного поведения при загрузке страницы я вывожу ее из анонимной функции и помещаю ее в функцию $(document).ready.

<script> 
    $(document).ready(function(){ 
     $("#first").load(function() { 
      var imgheight = $(this).height(); 
      $("#first_papers").css("height", imgheight); 
     }); 
    }); 
</script> 

Это должно заставить его выполнять всякий раз, когда ваша страница загружается независимо от того, когда/как вы ее перемещаете.