페이지로 돌아 가면 함수가 호출되지 않습니다.

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> 

언제든지 페이지를로드 할 때마다 페이지가로드 될 때마다 실행되어야합니다.