제이쿼리 질문좀 드리겠습니다.

Question

https://wsss.tistory.com/788

위링크를 소스를 사용할려고하는데요

Copy

$('.js-click-modal').click(function(){
  $('.container').addClass('modal-open');
});

$('.js-close-modal').click(function(){
  $('.container').removeClass('modal-open');
});

위에 스크립트 부분인데 닫을때도 아래로 스르륵 내려오는데 닫을때는 스르륵 안내려오고 그냥 레이어 창이 닫히게는 어떻게 해야하나요

승희아빠 · Accepted Answer

링크된 곳에서 소스 받아서 해 본겁니다

잘 됩니다

부라우저 크롬 웨일 익스에서 다 잘 됩니다

기능이 안 된다는건지?

a 링크가 안 된다는건지?

브라우저가 이전 페이지를 저장해서 보여주기 때문에 안 될수 있고 그 외 변수는 많아요 pc가 문제인 경우도 있고

로컬이 아니라면 주소를 주세요 테스트 해봐 드릴께요

말씀만으론 더 드릴 답변이 없습니다

승희아빠 · Answer

[code] $('.js-click-modal').click(function(){ $('.container').addClass('modal-open'); }); $('.js-close-modal').click(function(){ $('.modal').hide(); $('.container').removeClass('modal-open'); $('.modal').show(); }); [/code]

미니님a · Answer

[code] $('.js-close-modal').click(function(){ $('.container .modal').hide(); setTimeout(function(){ $('.container').removeClass("modal-open") $('.container .modal').show() }, 100) }); [/code] 이렇게 변경하면 동작은 하는데, 굳이....라는 생각이 들긴 하네요 .. 조금더 쉽게 코드를 짤 수 있긴 한데, 애드클래스가 들어가면 트렌지션 때문에... 슬라이드 업 / 하이드 형식으로 하면 좀 더 쉽게 가능하리라 생각됩니다. 쨋든 위 주소에서 직접 테스트 해서 동작하는건 확인했습니다.

제이쿼리 질문좀 드리겠습니다.

답변 3개 / 댓글 3개

답변에 대한 댓글 1개

답변에 대한 댓글 2개

제이쿼리 질문좀 드리겠습니다.

답변 3개 / 댓글 3개

답변에 대한 댓글 1개

답변에 대한 댓글 2개

공유하기