button click이벤트가 작동하질 않습니다. 왜일까요?

Question

의도 - 성별 선택하기 위한 버튼 만들기 오류 상황 - 성별 선택 버튼 클릭 시 숨겨져 있던 버튼들이 보여짐 - 숨겨진 버튼에는 남자선택버튼과 여자선택 버튼이 있음 - 남자 선택 버튼과 여자 선택 버튼의 click 이벤트가 작동하지 않음 (click이벤트가 실행되는지 확인하려고 alert()를 실행시켜보았으나 작동되지 않음) (오류 메시지 출력 없음) 관련코드 - html

성별

- javascript$(document).ready(function () { // 성별 버튼 클릭 효과 $(".genderDropdown").on("focusin", function (){ $(this).next("div").removeClass("hidden"); $(this).next("div").addClass("visible"); }).on("focusout", function () { $(this).next("div").removeClass("visible"); $(this).next("div").addClass("hidden"); }); // 성별 선택( 오류부분 ) $("#selectMale").click(function(){ alert("클릭됨1"); }); });

수학소년 · Accepted Answer

class 이름을 바꾸는걸로 보이고 감추시려는거에요??그러면 style 태그도 보여주시면 좋을꺼 같아요. 예를들면.list.hidden{ opacity:0; } .list.visible{ opacity:1; }style에 이거 추가 해보시면 보이고 감추고 될꺼에요.

rezigrene · Answer

selectMale 이 여러개있다든지... id말고 클래스로 한번 시도해보시면 될듯합니다.

토토땅 · Answer

document.ready() 내에서 $(&#34;#selectMale&#34;) 가 어떻게 나오는지 확인해보면 좋지 않을까요? 결국 이런 경우에는 차근차근 하나씩 확인해보는 게 무식하지만 가장 확실한 방법이죠.

피지컬워리어 · Answer

만일 페이지 호출되고 자바스크립트로 html성별 리스트를 직접 만드셨다면$(document).on('click','#selectMale',function(){ });로 이벤트 걸어야 됩니다

옴므과니 · Answer

display를 none으로 숨겨놨다가block으로 보이게 했었는데클래스로 접근해도 발생하지 않던 클릭 이벤트가 수학소년 님처럼 opacity 속성을 이용하니까 해결됐습니다.감사합니다.

button click이벤트가 작동하질 않습니다. 왜일까요?

5개의 답변

Q&A 목록