jquery 조건실행 불완적 적용문제..
본문
$(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
리사이즈를 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');
});
}
}
똑같네요 페이지 진입시의 화면넓이 값으로 조건문 실행하고 창이 늘거나 줄어도 스크립트가 바뀌지 않네요
위처럼 하시면 한번만 실행되는 것이기때문에 브라우저 리사이징시 계속 체크를 하도록 하는 resize 메소드를 사용하셔야합니다.
$(window).reisze(function(){
});
에서도 실행되게 하시면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.