제이쿼리 좀 질문하겠습니다...
본문
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($closeBtn)으로 length가 0이 아닌지 찍어보세요
선택자가 잘못된게 아닐까 싶네요
length 는 1로 나오네요 ㅠㅠ
length 는 1로 나오네요 ㅠㅠ
혹시 원래 있던게 아니라 동적으로 생성되거나 하시는건가요? 그럼 안될수 있습니다.
$(document).on("click",closeBtn,function()){ 으로 한번 해보세요.
Jquery의 오류라기 보다는 css의 문제가 아닐까 합니다.
left 0 일때 width가 0이 되버려서 100%로도 0이지 않나 생각되네요.
css 전체 구조를 봐야 알 수 있을 것 같아요
console .log가 찍히면
jquery 는 정상이죠.
