윈도우에서 스크립트를 어떻게 실행합니까?

Question

크기를 조정할 때 Jquery를 사용하여 가로 세로 비율을 유지합니다. 작은 화면에서 다른 클래스에서이 스크립트를 사용하고 싶습니다. 첫 번째로드에서는 모두 잘 작동하는 것 같습니다.

하지만 크기가 768에서 작게으로 내 창 크기를 조정할 때 스크립트를 다시로드하지 않으면 스크립트가 작동하지 않습니다. 이상하게도 작은 창 < 767에서 사이트를로드하고 크기를 768보다 크게 조정하면 스크립트가 작동하고 크기 조정시 계속 작동합니다. 어떤 생각이 어떻게 해결할 수 있습니까?

if ($(window).width() > 768) { 
    /* square featured-column1 box aanpassing */ 
    equalheight = function(container) { 
     var currentTallest = 0, 
      currentRowStart = 0, 
      rowDivs = new Array(), 
      $el, 
      topPosition = 0; 
     $(container).each(function() { 
      $el = $(this); 
      $($el).height('auto') 
      topPostion = $el.position().top; 

      if (currentRowStart != topPostion) { 
       for (currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) { 
        rowDivs[currentDiv].height(currentTallest); 
       } 
       rowDivs.length = 0; // empty the array 
       currentRowStart = topPostion; 
       currentTallest = $el.height(); 
       rowDivs.push($el); 
      } else { 
       rowDivs.push($el); 
       currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest); 
      } 
      for (currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) { 
       rowDivs[currentDiv].height(currentTallest); 
      } 
     }); 
    } 
    $(window).load(function() { 
     equalheight('.featured-column'); 
    }); 

    $(window).resize(function() { 
     equalheight('.featured-column'); 
    }); 
    /* Aspect ratio box (responsive rechthoek) aanpassing */ 
    $(document).ready(function() { 
     aspectResize(); 
     $(window).resize(aspectResize); 
    }); 
    aspectResize = function() { 
     var $aspect = $('div.up-to-date-bar'); 
     var width = $aspect.width(); 
     $aspect.height(width/3 * 1); 
    } 
} 
/* Aspect ratio box (responsive rechthoek) aanpassing up-to-date-column*/ 
if ($(window).width() < 767) { 
    $(document).ready(function() { 
     aspectResize(); 
     $(window).resize(aspectResize); 
    }); 
    aspectResize = function() { 
     var $aspect = $('div.up-to-date-column'); 
     var width = $aspect.width(); 
     $aspect.height(width/1 * 1); 
    } 
} 

Answer 1

http://api.jquery.com/resize/을 사용하여 창 크기 조정에서 함수를 호출 할 수 있습니다.

$(window).resize(function() { 
    // Your code here 
});