jquery 관련 질문이 있습니다. 채택완료
야채킴
4년 전
조회 1,652
안녕하세요 제이쿼리 초보입니다..
$('#header').addClass('open').not($(this)).find('#header .nav-item a').addClass('opener');
해당 코드를 제작하였습니다. #header에 있는 .addclass로 open 이라는 클래스명을 추가하는데,
.nav-item a 는 open이라는 거 대신 다른 클래스명으로 넣고싶은데 이게 어떻해 해야하는지 감이 안잡히네요
마우스 오버시에 header에 open이라는 클래스명이 잡히는거고 nav-item a 를 오버시엔 header에 다른 클래스명이 나오도록 해야하는데..거의 다했는데 이 클래스명 바꾸는거땜에 골치가 썩네여..
자문을 구합니다 ㅜㅜ
코드 전체도 올려봅니다..
</p>
<pre>
$(document).on("mouseenter focusin", '#gnb > ul > li > a', function () {
var $target = $(this).parents('li').not('.nav-item');
var nonTarget = $('.nav-item');
$('#gnb > ul > li').removeClass('on');
$target.addClass('on');
$('#header').addClass('open').not($(this)).find('#header .nav-item a').addClass('opener');
});
// 2depth menu Close
$(document).on("focusin", '.language-select button', function () {
$('#header .submenu-dim').removeClass('on');
$('#gnb .menu > li').removeClass('on');
$('#gnb .menu > li').find('.sub-drop-wrap').slideUp(200);
});
$(document).on("mouseleave", '#header', function () {
$('#gnb > ul > li').removeClass('on');
$('#header').removeClass('open');
});</pre>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인