아래의 코드는 무엇을 하는 코드인가요?
본문
아래의 코드는 무엇을 하는 코드인가요?
감사합니다.
<script>
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
$(function(){
if(!isMobile){
$("#header .depth1").on("mouseover", function(){
$("#header").addClass('');
$("#header .user").addClass('');
});
~~~~~
답변 4
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
// 사용자가 모바일인지 확인
$(function(){
if(!isMobile){ // 사용자가 모바일이 아닐경우
$("#header .depth1").on("mouseover", function(){
// #header 아래에 있는 depth1 클래스를 가진곳에 마우스를 올렸을때 이벤트
$("#header").addClass(''); // #header 에 클래스를 추가해주는건데 클래스명이 입력이 안되어 있음
$("#header .user").addClass(''); // .user에 클래스를 추가해주는건데 클래스명이 입력이 안되어 있음
});
원래는 모바일이 아닐경우 .depth1 에 마우스를 올렸을때 #header와 #header 안에 있는 .user에 클래스를 추가해주는 기능인데 추가되는 클래스를 다 지워놓은거네요. 지금 이코드는 아무일도 일어나지 않습니다.
접속한 기기가 모바일인지 아닌지 판단하여 header라는 id를 가진 요소에 클래스를 추가하는 태그인데, 추가하는 클래스 명이 없으니 유명무실한 코드로 보이네요
<script>
// 모바일일 경우 true, 그렇지않다면 false
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
$(function(){
// 모바일이 아니라면 실행
if(!isMobile){
$("#header .depth1").on("mouseover", function(){
$("#header").addClass('');
$("#header .user").addClass('');
});
답변 감사합니다.