제이쿼리 질문좀 드리겠습니다.
본문
위링크를 소스를 사용할려고하는데요
$('.js-click-modal').click(function(){
$('.container').addClass('modal-open');
});
$('.js-close-modal').click(function(){
$('.container').removeClass('modal-open');
});
위에 스크립트 부분인데 닫을때도 아래로 스르륵 내려오는데 닫을때는 스르륵 안내려오고 그냥 레이어 창이 닫히게는 어떻게 해야하나요
!-->답변 3
링크된 곳에서 소스 받아서 해 본겁니다
잘 됩니다
부라우저 크롬 웨일 익스에서 다 잘 됩니다
기능이 안 된다는건지?
a 링크가 안 된다는건지?
브라우저가 이전 페이지를 저장해서 보여주기 때문에 안 될수 있고 그 외 변수는 많아요 pc가 문제인 경우도 있고
로컬이 아니라면 주소를 주세요 테스트 해봐 드릴께요
말씀만으론 더 드릴 답변이 없습니다
$('.js-close-modal').click(function(){
$('.container .modal').hide();
setTimeout(function(){
$('.container').removeClass("modal-open")
$('.container .modal').show()
}, 100)
});
이렇게 변경하면 동작은 하는데, 굳이....라는 생각이 들긴 하네요 ..
조금더 쉽게 코드를 짤 수 있긴 한데, 애드클래스가 들어가면 트렌지션 때문에...
슬라이드 업 / 하이드 형식으로 하면 좀 더 쉽게 가능하리라 생각됩니다.
쨋든 위 주소에서 직접 테스트 해서 동작하는건 확인했습니다.
!-->
$('.js-click-modal').click(function(){
$('.container').addClass('modal-open');
});
$('.js-close-modal').click(function(){
$('.modal').hide();
$('.container').removeClass('modal-open');
$('.modal').show();
});
답변을 작성하시기 전에 로그인 해주세요.