테스트 사이트 - 개발 중인 베타 버전입니다

반응형별 스크립트 문의 드립니다. 채택완료

열매아빠 5년 전 조회 1,830

if (document.body.clientWidth < 768) {
    var $menu = $menuTrigger = $('.has-submenu > a');
}

 

위 처럼 브라우져 가로사이즈를 768로 줄였을때

굵은 부분이 명령되도록 했습니다.

 

근데 브라우져 가로사이즈를 줄이고 한번 새로고침이 되야 해당 부분이 적용이 됩니다.

위 소스를 어떻게해야 새로고침 없이 바로 적용이 될까요??

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
Policia
5년 전

$(window).resize(function(){

  if (document.body.clientWidth < 768) {
    var $menu = $menuTrigger = $('.has-submenu > a');
  }

});

브라우저창 사이즈 변화를 감지하는 소스를 추가해주셔야합니다

이렇게 하면 될것같네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

window.resize였나? 묶어주셔야할거에요

 

리사이즈가 될때마다 해당 함수가 실행되도록

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인