最近在学习nodejs制作一个简单的个人网站,模版用的ejs,但是有一个疑问,就是页面公用的导航栏,怎么实现点击跳转后当前栏目变色呢?请求各位老司机提供一下思路,可能是新手,还没转换过来思维,麻烦解答。谢谢各位!
业精于勤,荒于嬉;行成于思,毁于随。
예를 들어 제가 사용하는 EJS 템플릿은 다음과 같습니다.
클래스에서 메소드를 호출하고 링크 주소를 전달하는 것이 목적입니다. 활성과 같은 사용자 정의 선택 효과를 현재 클래스에 추가하는 것입니다.
app.js에서:
common.js:
CSS 클래스로 해결 가능, CSS에서 현재 클래스 만들기
점프 클릭 후 현재로 변경할 컬럼의 클래스명을 설정
아이디어를 주세요. 탐색 표시줄의 초기화 함수에 매개변수를 전달하고 이 매개변수가 다른 메뉴를 구별하도록 할 수 있습니다. 해당 메뉴의 색상 변경
CSS를 설정하기 위해 매개변수를 전달하는 것도 생각해봤는데 비슷한 기능을 하는 웹사이트의 URL에서는 이 매개변수를 본 적이 없습니다.
COOKIE를 사용할 수도 있습니다. 탐색 링크를 클릭하면 COOKIE 값을 해당 열에 설정하세요. 탐색 모음의 현재 열 링크가 이 값에 따라 강조 표시됩니다.
다른 방법으로 해결할 수는 있지만 여전히 우아하지 않은 것 같습니다.
이것을 탐색경로 기능이라고 하며 antd에도 비슷한 구성요소가 있습니다 https://ant.design/components...
예를 들어 제가 사용하는 EJS 템플릿은 다음과 같습니다.
으아아아클래스에서 메소드를 호출하고 링크 주소를 전달하는 것이 목적입니다. 활성과 같은 사용자 정의 선택 효과를 현재 클래스에 추가하는 것입니다.
app.js에서:
으아아아common.js:
으아아아CSS 클래스로 해결 가능, CSS에서 현재 클래스 만들기
으아아아점프 클릭 후 현재로 변경할 컬럼의 클래스명을 설정
아이디어를 주세요. 탐색 표시줄의 초기화 함수에 매개변수를 전달하고 이 매개변수가 다른 메뉴를 구별하도록 할 수 있습니다. 해당 메뉴의 색상 변경
으아아아CSS를 설정하기 위해 매개변수를 전달하는 것도 생각해봤는데 비슷한 기능을 하는 웹사이트의 URL에서는 이 매개변수를 본 적이 없습니다.
COOKIE를 사용할 수도 있습니다. 탐색 링크를 클릭하면 COOKIE 값을 해당 열에 설정하세요. 탐색 모음의 현재 열 링크가 이 값에 따라 강조 표시됩니다.
다른 방법으로 해결할 수는 있지만 여전히 우아하지 않은 것 같습니다.
이것을 탐색경로 기능이라고 하며 antd에도 비슷한 구성요소가 있습니다 https://ant.design/components...