이 두 기능에는 어떤 문제가 있습니까?

Question

저는이 두 가지 기능을 사용하려고합니다. .more .open 및 .more .close을 사용하도록 허용했기 때문에 예상대로 작동하지 않습니다.

.hasClass("open")/.hasClass("close")도 사용해 보았습니다.

$(".more .open").on("click", function() { 
    $("#wait").animate({ 
    scrollTop: 0 
    }, function() { 
    $(".more").toggleClass("nascosto"), $("#wait").toggleClass("hidden") 
    }); 
}); 

$(".more .close").on("click", function() { 
    $(".more").toggleClass("nascosto"), $("#wait").toggleClass("hidden") 
}); 

Answer 1

선택기가 올바르지 않습니다. 그것은 .more.open이어야합니다. 다음 코드를 확인하십시오 :

$(".more.open").on("click", function() { 
 
    console.log("clicked"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="more open"> 
 
    more open div 
 
</div>