[javascript & jQuery] 이벤트 시 해당 자동 너비값 다시 계산하기

자동으로 너비나 높이값을 해당 브라우저 창에서 계산해주는 플러그인이 많다. 

하지만 한번 너비와 높이값을 잡아주고 이벤트를 추가하여 브라우저 창이 넓어졌다 축소되었다할 경우가 있는데, 그때마다 다시 너비나 높이값을 잡아주어야하는데, 해당 페이지를 전체 로딩하는 것보다 대상만을 다시 잡아주는 것이 더 효율적이다.

즉, A라는 이벤트를 발생 시키고, B라는 이벤트에 A이벤트를 다시 발생 시키고 싶을 때 

jQuery 내장함수인 trigger('이벤트명')를 사용한다.

// resize

$(window).on('resize', function() {

    $('#jqGirdHistory').setGridWidth($('#div-jqGridHistory'').width());

});

// 이벤트 추가 (좌측 사이드바 접었다 펼쳤다)된 버튼 누를경우 윈도우에 resize 라는 이벤트를 당겨준다. - trigger('resize');

$('#left-btn').on('click', function(){

    setTimeout(function() {

        $(window).trigger('resize');

    }, 500);

});