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

Question

https://wsss.tistory.com/788

위링크를 소스를 사용할려고하는데요 

 

[code]


$('.js-click-modal').click(function(){
  $('.container').addClass('modal-open');
});

$('.js-close-modal').click(function(){
  $('.container').removeClass('modal-open');
});

[/code]

 

위에 스크립트 부분인데 닫을때도 아래로 스르륵 내려오는데  닫을때는 스르륵 안내려오고 그냥 레이어 창이 닫히게는 어떻게 해야하나요

승희아빠 · 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개

공유하기