테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 좀 질문하겠습니다...

orangeteam 2년 전 조회 1,963

let hanaMenuBtn = $(".quick-menu .item__name.menu");

let hanaMenu1024 = $(".quick-menu .item__name .hanaMenu-1024");

let closeBtn = $(".quick-menu .item__name .hanaMenu-1024-icon > a:nth-child(2)");

$(hanaMenuBtn).on("click", function () {

  console.log("아래꺼는 잘 작동 합니다");

  $(hanaMenu1024).css("left", "0%");

})

$(closeBtn).on("click", function () {

  console.log("근데 왜 밑에꺼는 왜 작동이 안되는 걸까요 오류가 나는것도 아니고...");

  $(hanaMenu1024).css("left", "100%");

});

 

 

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

답변 5개

console .log가 찍히면

jquery 는 정상이죠.

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

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

2년 전

Jquery의 오류라기 보다는 css의 문제가 아닐까 합니다.

left 0 일때 width가 0이 되버려서 100%로도 0이지 않나 생각되네요.

css 전체 구조를 봐야 알 수 있을 것 같아요

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

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

2년 전

혹시 원래 있던게 아니라 동적으로 생성되거나 하시는건가요? 그럼 안될수 있습니다.

$(document).on("click",closeBtn,function()){ 으로 한번 해보세요.

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

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

orangeteam
2년 전

length 는 1로 나오네요 ㅠㅠ

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

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

console.log($closeBtn)으로 length가 0이 아닌지 찍어보세요

선택자가 잘못된게 아닐까 싶네요

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

답변에 대한 댓글 1개

o
orangeteam
2년 전
length 는 1로 나오네요 ㅠㅠ

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

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

로그인