자바스크립트 페이지 이동 후 애니메이션 실행

Question

안녕하세요! 혹시 자바스크립트에서 페이지 이동을 한 다음 애니메이션 행을 하려고했는데 href로 이동시키고 바로 addclass 작성하면 addclass가 실행이 안되더라구요.. 혹시 페이지 이동 후에 이벤트 실행을 하려면 어떤 방식으로 접근해야되는지 아실까요? function toIVD() { document.location&#61;'/namsa/namsaService/namsaService.php/#namsaS_detailWrap' for (i&#61;0; i<tabLists.length; i&#43;&#43;){ tabLists[i].classList.remove('on') } for (a&#61;0; a<tabContents.length; a&#43;&#43;){ tabContents[a].classList.remove('on') } tabLists[4].classList.add('on') tabContents[4].classList.add('on') }

ruinnel · Answer

경로가 바뀌고 페이지가 새로 로딩되는 경우라면.. https://learn.jquery.com/using-jquery-core/document-ready/ javascript는 페이지가 열리자마자 로딩되지 않습니다.그래서 일반적으로 dom이 다 읽어지고 나서..jquery 기준이라면 document ready를 확인하고 실행하죠.

에비뉴 · Answer

페이지 이동 후 이벤트를 실행하시려면 이동된 페이지에서 이벤트 코드를 작성하셔야 되는게 아닐까요?

Haileyang · Answer

페이지 이동 후에 탭메뉴에 on 이 되는 이벤트라서 이어져 있어야합니다..ㅎㅎ ㅜㅜ

ruinnel · Answer

그런 경우라면 탭내부 dom만 변경하도록 구조를 변경해서 페이지가 다시 로딩되지 않게 구성하시던가..그게 불가능하다면...페이지 진입후 document ready 상태에서.분기를 해야죠...이동전/후를 식별할 수 있는 값을 두고..이동 후 라면 애니메이션을 실행하는 형태랄까요?

에비뉴 · Answer

어차피 이동할 페이지가 탭메뉴라면 탭이 on이 된 상태일 수 밖에 없으니 이동된 페이지의 document.ready에서 해당 이벤트 실행하시는게 맞을 듯 합니다.

Haileyang · Answer

다들감사합니다! 참고해서 소스 작성해볼게요 ^^

자바스크립트 페이지 이동 후 애니메이션 실행

6개의 답변

#href 목록