How to ~ Jquery에서 click 이벤트를 통해, fadeIn을 했을 땐 if문이 정상 작동하나, fadeToggle을 하면 정상 작동하지 않는 건에 관하여 궁금합니다.

Question

우선 제가 짠 코드입니다.'.search_modal' &#61; 숨겨 놓을 modal 창.scroll-disable class 짠 것 입니다.제가 쓴 것입니다.목적은, header_search_btn과 sticky search btn을 클릭하면 search_modal이 나옵니다.동시에 search_modal이 show 된 상태에선 모든 스크롤을 막습니다.또 그 search_modal 안에는 modal_xbtn button이 있는데요, 그 button 누르면 search_modal이 사라지고, body 스크롤도 풀립니다.여기서 제가 2번째 문단의 sticky_search_btn 구문에서는 fadeIn로 써 놓았잖아요?여기는 제 의도대로 아주 잘 먹힙니다.그런데 저는 동시에 각 header_btn&#61; 다시 클릭했을 때 search_modal이 사라지는 것도 동시에 하고 싶어서, fadeIn > fadeToggle으로 바꿨더니, search_modal이 등장할 땐 스크롤이 잘 막혀져 있습니다 만, 각 btn 다시 클릭해서 search_modal이 사라진 상태가 되면 스크롤이 풀려야 하는데 이 경우는 풀리지 않습니다.뭐가 문제인 걸까요. 도움 주시면 감사하겠습니다.

Hmnya · Answer

fadeToggle complete이벤트에 한번 넣고 해보시지요... $('.search_modal').fadeToggle(function() { 페이드토글 동작 완료시 동작해야하는 내용... }); 그리고 위에 modalHide 변수에도 .show()말고 .is(&#34;:visible&#34;)로 변경하셔서 테스트해보세요.

How to ~ Jquery에서 click 이벤트를 통해, fadeIn을 했을 땐 if문이 정상 작동하나, fadeToggle을 하면 정상 작동하지 않는 건에 관하여 궁금합니다.

1개의 답변

Q&A 목록