위와 같은 웹사이트 탐색의 경우 링크를 클릭하면 라벨이 강조 표시되고, 다른 페이지를 클릭하면 해당 페이지로 이동합니다. , 현재 페이지에 해당하는 탐색 태그도 강조 표시됩니다. 일반적인 디자인 계획은 무엇입니까? 훌륭하고 우아한 솔루션은 무엇입니까? 답변을 요청하세요.
제가 개인적으로 생각한 해결책은 다음과 같습니다.
1. 창이 로드될 때 이 태그의 URL을 탐색합니다. 현재 페이지의 웹페이지 URL과 동일하면 강조 표시합니다.
2. 현재 클릭한 탐색 색인을 저장하고, 현재 페이지에 진입한 후 색인 값을 읽고, 색인 값이 표시된 라벨을 강조 표시합니다.
답글 내용:
위와 같은 웹사이트 탐색의 경우 링크를 클릭하면 라벨이 강조 표시되고, 다른 페이지를 클릭하면 해당 페이지로 이동합니다. , 현재 페이지에 해당하는 탐색 태그도 강조 표시됩니다. 일반적인 디자인 계획은 무엇입니까? 훌륭하고 우아한 솔루션은 무엇입니까? 답변을 요청하세요.
제가 개인적으로 생각한 해결책은 다음과 같습니다.
1. 창이 로드될 때 이 태그의 URL을 탐색합니다. 현재 페이지의 웹페이지 URL과 동일하면 강조 표시합니다.
2. 현재 클릭한 탐색 색인을 저장하고, 현재 페이지에 진입한 후 색인 값을 읽고, 색인 값이 표시된 라벨을 강조 표시합니다.
이 두 가지 방법은 좀 신빙성이 없다고 느껴져서 더 나은 아이디어를 요청드리고 싶습니다.
a 요소의
속성이 페이지 URL과 동일한 것으로 판단 가능
href
JSFiddle: https://jsfiddle.net/bd4g5f2h/data-pattern
이후를 판단하세요.