답변 2개
채택된 답변
+20 포인트
Dessi5년 전
<script>
$(document).ready(function() {
if($(window).width() < 768) {
$(".m-item").attr('class','g-item')
}
});
</script>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
D
Dessi
5년 전
맨처음 로딩된 창 크기가 768일 때입니다.
만약 창 크기를 조정 할때의 조건문이라면
<script>
$(window).resize(function() {
if($(window).width() < 768) {
$(".m-item").attr('class','g-item')
}
});
$(document).ready(function() {
if($(window).width() < 768) {
$(".m-item").attr('class','g-item')
}
});
</script>
이렇게 하셔야 하시구요.
이럴경우 보통 모바일이나 태블릿을 768 사이 미만으로 만드는데 코드가 작동을 안합니다. 창 크기가 조정 될때 이기 때문에..
그냥 편하게 위에 2개 다쓰셔도 됩니다.
만약 창 크기를 조정 할때의 조건문이라면
<script>
$(window).resize(function() {
if($(window).width() < 768) {
$(".m-item").attr('class','g-item')
}
});
$(document).ready(function() {
if($(window).width() < 768) {
$(".m-item").attr('class','g-item')
}
});
</script>
이렇게 하셔야 하시구요.
이럴경우 보통 모바일이나 태블릿을 768 사이 미만으로 만드는데 코드가 작동을 안합니다. 창 크기가 조정 될때 이기 때문에..
그냥 편하게 위에 2개 다쓰셔도 됩니다.
댓글을 작성하려면 로그인이 필요합니다.
5년 전
function window_size(){
var windowWidth = $( window ).width();
if(windowWidth < 768) {
//창 가로 크기가 768 미만일 경우
} else {
//창 가로 크기가 500보다 클 경우
}
}
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인