2026, 새로운 도약을 시작합니다.

아래의 코드는 무엇을 하는 코드인가요?  채택완료

아래의 코드는 무엇을 하는 코드인가요? 

감사합니다. 

<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개

채택된 답변
+20 포인트

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에 클래스를 추가해주는 기능인데 추가되는 클래스를 다 지워놓은거네요. 지금 이코드는 아무일도 일어나지 않습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변 감사합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

<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('');

});

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

접속한 기기가 모바일인지 아닌지 판단하여 header라는 id를 가진 요소에 클래스를 추가하는 태그인데, 추가하는 클래스 명이 없으니 유명무실한 코드로 보이네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고