본문 바로가기 메뉴 바로가기

amanda의 공간입니다

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

amanda의 공간입니다

검색하기 폼
  • 분류 전체보기 (225)
    • WebPublisher (218)
      • HTML 마크업 (11)
      • CSS (30)
      • JavaScript & jQuery (61)
      • Git (5)
      • React (3)
      • PHP & ASP (9)
      • tip (7)
      • Interactive (22)
    • break (5)
  • 방명록

html새창으로열기 (1)
[html] window.location(); window.open(); 특정 링크로 이동하기

body 부분에 어떤 메뉴 영역 div가 있다. PC버전에서는 hover를 하면 하위 메뉴가 나타나고 태블릿에서는 클릭 이벤트로 바뀌며 모바일 시에는 클릭하면 하위 메뉴 중 최상단의 메뉴 링크로 곧바로 이동함 모바일에서만 div에 링크를 걸어야 하는 상황에서 사용한 window.location(); 1. div 클래스를 link-box라고 가정 2. link-box에 속성으로 추가. 따옴표 안에 이동할 링크 주소를 넣어둔다 3-1. 모든 링크가 해당 창에서 링크로 바로 이동하는 경우 $('.link-box').on('click', function(e){ var $Link = $(this).data('url'); window.location.replace($Link); }); 3-2. 일부 메뉴만 새창이 ..

WebPublisher 2021. 1. 17. 22:06
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바