응답의 경우 equalHeight with

Question

코드에 equalHeight가 있습니다. 열을 같은 높이로 설정하려면. 하지만 창 크기를 조정했습니다. 스크립트는 데스크톱 및 태블릿에서만 작동하며 모바일에서는 작동하지 않습니다. 나는이 대본을 가지고있다. 이 스크립트는 작동하지만 어떻게이 스크립트를 개선 할 수 있습니까? 왜냐하면 나는 두 번 같은 기능을 사용했기 때문입니다.

어떻게하면 좋을까요?

var viewportWidth = $(window).width(); 
if ((viewportWidth >= 760)) { 
    setTimeout(function() { 
     equalHeight($('#footer .column')); 
    }, 250); 
}; 
$(window).resize(function() { 
    var viewportWidth = $(window).width(); 
    if ((viewportWidth >= 760)) { 
     setTimeout(function() { 
      equalHeight($('#footer .column')); 
     }, 250); 
    }; 
}); 

Answer 1

:

function changeWidth() { 
    var viewportWidth = $(window).width(); 
    if ((viewportWidth >= 760)) { 
     setTimeout(function() { 
      equalHeight($('#footer .column')); 
     }, 250); 
    }; 
} 

$(document).ready(function() { 
    changeWidth(); 
    $(window).resize(function() { 
     changeWidth(); 
    }); 
}); 

Answer 2

당신은이 같은 resize 이벤트 트리거에 의해 중복을 방지 할 수 있습니다 : 당신은 사용자 정의 함수를 정의하고 필요할 때마다 호출 할 수 있습니다

$(window).resize(function() { 
    var viewportWidth = $(window).width(); 
    if ((viewportWidth >= 760)) { 
     setTimeout(function() { 
      equalHeight($('#footer .column')); 
     }, 250); 
    }; 
}) 
.trigger('resize'); 

Answer 3

이 방법을 시도를

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

    $(window).resize(function() { 
     resizeFunction(); 
    }); 
}); 

var resizeFunction = new function() { 
    var viewportWidth = $(window).width(); 
    if ((viewportWidth >= 760)) { 
     setTimeout(function() { 
      equalHeight($('#footer .column')); 
     }, 250); 
    }; 
}