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

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

짬짬 7년 전 조회 3,170

</p>

<p>$(document).ready(function(){

  if($(window).width() < 960){

      $(".gnb_al_li>ul").hide();

      $(".gnb_al_li").click(function(){

        $(this).find("ul").slideToggle('fast');

      });

  }

});

위코드로 넓이 960 이하에서만 저 조건문을 실행시키려하는데

창을 원상 복구 시켜도 적용되어버립니다.

또 사이트 진입후 창 넓이 960이하 로 줄이면 저 조건문이 실행되지않습니다.

 

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

답변 3개

채택된 답변
+20 포인트
o
7년 전

리사이즈를 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');
      });
  }
}

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

답변에 대한 댓글 1개

짬짬
7년 전
똑같네요 페이지 진입시의 화면넓이 값으로 조건문 실행하고 창이 늘거나 줄어도 스크립트가 바뀌지 않네요

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

P
7년 전

$(window).reisze(function(){

});

에서도 실행되게 하시면 됩니다.

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

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

미스터S
7년 전

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

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

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

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

로그인