• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 폼으로 배우는 UI 부분 -로그인 모달창 관련 질문드립니다

폼으로 배우는 UI 부분 -로그인 모달창 관련 질문드립니다

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #17657

    SSG
    참가자

    Login 클릭 하면 모달창이 잘 나옵니다.

    닫기를 누르고 다시 Login 클릭하면 모달창이 안나오는데 이유가 뭘까요 ..?

     

    #17661

    codingapple
    키 마스터

    #login 누르면 translateY(0px) 이렇게 모달창 Y축 좌표를 옮겨주라고 짰고

    #close 누르면 display : none을 주라고 코드를 짰군요

    그래서 그런듯요 #login 누르면 display : none을 없애거나 다시 보여달라고 하거나 그렇게 명령주면 되겠군요 

     

    #24536

    SSG
    참가자

    안녕하세요 강사님

    $('#login').on('click', function() {
                $('.black-background').css('transform', 'translateY(0px)');
            });

    $('#close').on('click', function() {
                $('.black-background').css('transform', 'translateY(-1000px)');
            });

    이렇게 했는데 ..  "#login 누르면 display : none을 없애거나 다시 보여달라고"

    말씀하신 방법은 어떻게 코드를 짜야할지 모르겠어서 답변 남깁니다.

    #24549

    codingapple
    키 마스터

    #close 누르면 fadeOut() 이런거 하라고 해서 display : none 된 상태입니다

    #login 누르면 다시 fadeIn() 이런거 해주면 될듯요

    근데 지금올린 코드는 굳이 필요없을듯요?

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠