제이쿼리 초보입니다.
본문
안녕하세요 제이쿼리 초보입니다
$(document).ready(function() {
$(".ab1").each(function(){
var sub = $(this).find(".sub_submenu");
$(this).hover(function(){
sub.stop().slideDown();
},function(){
sub.stop().slideUp();
});
});
});
제가 반응형홈페이지를 만들고 있는데요 위 제이쿼리를 pc버전일때는 움직이고
태블릿 크기부터 모바일까지 저 제이쿼리 기능을 정지하고 싶은데요
그게 가능한가요? 가능하면 어떻게 소스를 적으면 되나요?
답변 2
브라우저 사이즈(폭)로 제어하는 방법도 있습니다.
$(document).ready(function() {
if(window.innerWidth >= 1000) {
$(".ab1").each(function(){
var sub = $(this).find(".sub_submenu");
$(this).hover(function(){
sub.stop().slideDown();
},function(){
sub.stop().slideUp();
});
});
}
});
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
//코드
}
이런식으로 기기 구분을 하셔도 되고
var w_width = $(window).width();
위의 방법으로 해상도의 크기를 구해서
if(w_width>768){
//코드
]
로 하셔도 됩니다