jquery 조건실행 불완적 적용문제..

Question

[code]

$(document).ready(function(){
  if($(window).width() < 960){
      $(".gnb_al_li>ul").hide();
      $(".gnb_al_li").click(function(){
        $(this).find("ul").slideToggle('fast');
      });
  }
});
[/code]

위코드로 넓이 960 이하에서만 저 조건문을 실행시키려하는데

창을 원상 복구 시켜도 적용되어버립니다.

또 사이트 진입후 창 넓이 960이하 로 줄이면 저 조건문이 실행되지않습니다.

onlymilk47 · Accepted Answer

리사이즈를 function 으로 작성하시고 처리해 보세요

$(document).ready(function(){
    //윈도우창변경시
    jQuery(window).on("resize", function(){
        window_resize(); 
    });
    //처음 들어올때 
    window_resize();
});

function window_resize(){
  if($(window).width() < 960){
      $(".gnb_al_li>ul").hide();
      $(".gnb_al_li").click(function(){
        $(this).find("ul").slideToggle('fast');
      });
  }
}

쵸니쵸니 · Answer

$(window).reisze(function(){

});

에서도 실행되게 하시면 됩니다.

리얼홀릭 · Answer

위처럼 하시면 한번만 실행되는 것이기때문에 브라우저 리사이징시 계속 체크를 하도록 하는 resize 메소드를 사용하셔야합니다.

jquery 조건실행 불완적 적용문제..

답변 3개 / 댓글 1개

답변에 대한 댓글 1개

jquery 조건실행 불완적 적용문제..

답변 3개 / 댓글 1개

답변에 대한 댓글 1개

공유하기