모바일 UX tab 질문입니다.
- 작성자 :
- 권*민
- 작성일 :
- 2018-04-05 17:01:00
- 조회수 :
- 1,123
- 구분 :
- 모바일
- 진행상태 :
- 완료
Q
http://m.egovframe.go.kr/mguide3.5/guide/components/tabs/tabs.do
링크에
<div data-role="tabs"> 를 이용해서 tab페이지를 구성한 후에 특정 페이지를 이동했다가 다시 tab페이지로 돌아갈 때
tab페이지 -> 아무페이지 -> 뒤로가기 -> tab페이지
onclick="javascript:clickon=history.go(-1);" 이 구문써서 뒤로 가기를 해서 이전 화면은 유지되는데
tab 부분의 색이 비활성화가 되어있습니다.
tab부분의 색을 활성화 시킬려면 addclass같을걸로 직접해줘야되나요?
아니면 history.go(-1) 외에 정석적인 뒤로가기 방법이 있을까요?
링크에
<div data-role="tabs"> 를 이용해서 tab페이지를 구성한 후에 특정 페이지를 이동했다가 다시 tab페이지로 돌아갈 때
tab페이지 -> 아무페이지 -> 뒤로가기 -> tab페이지
onclick="javascript:clickon=history.go(-1);" 이 구문써서 뒤로 가기를 해서 이전 화면은 유지되는데
tab 부분의 색이 비활성화가 되어있습니다.
tab부분의 색을 활성화 시킬려면 addclass같을걸로 직접해줘야되나요?
아니면 history.go(-1) 외에 정석적인 뒤로가기 방법이 있을까요?
A
안녕하세요.
표준프레임워크센터입니다.
도메인 내부링크나 페이지 내부링크를 사용하시면
탭의 선택 설정이 유지가 될것이나
물리적인 페이지이동이 발생을 해서 이전 탭선택 화면이 유지가 되지 않는듯 합니다.
예)
a.html => b.html
이런 경우 다음과 같이
탭설정을 유지하는 코드를 별도로 넣어서
구현하셔야 합니다.
$('a[href="#tab-page-2"]').trigger("click");
감사합니다.
표준프레임워크센터입니다.
도메인 내부링크나 페이지 내부링크를 사용하시면
탭의 선택 설정이 유지가 될것이나
물리적인 페이지이동이 발생을 해서 이전 탭선택 화면이 유지가 되지 않는듯 합니다.
예)
a.html => b.html
이런 경우 다음과 같이
탭설정을 유지하는 코드를 별도로 넣어서
구현하셔야 합니다.
$('a[href="#tab-page-2"]').trigger("click");
감사합니다.