제이쿼리 초보입니다. 채택완료
안녕하세요 제이쿼리 초보입니다
$(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(); }); });
} });
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
//코드
}
이런식으로 기기 구분을 하셔도 되고
var w_width = $(window).width();
위의 방법으로 해상도의 크기를 구해서
if(w_width>768){
//코드
]
로 하셔도 됩니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인