> 웹 프론트엔드 > JS 튜토리얼 > jquery_jquery를 기반으로 한 초경량 3단계 확장 목록

jquery_jquery를 기반으로 한 초경량 3단계 확장 목록

WBOY
풀어 주다: 2016-05-16 18:07:27
원래의
1248명이 탐색했습니다.

지난 며칠 동안 회사의 일반 관리 배경에서 왼쪽과 오른쪽 프레임워크 구조를 사용했습니다. 프로젝트에서 두 번째 또는 세 번째 수준을 자주 접했습니다. 예전에는 dtree를 사용했는데, 스타일이나 구조 조절이 어렵다는 걸 알게 됐어요.
동적 데이터라면 cs 파일에 쓰고 문자를 입력해야 하는 게 아니거든요. 유지 관리에 도움이 되며 오랜 시간이 지나면 찾을 수 없습니다. ,
그래서 오늘은 가벼운 3레벨 확장 메뉴를 작성했습니다. 필요한 경우 다른 레벨을 추가할 수 있습니다. 일반적으로 회사 프로젝트에는 3레벨이면 충분합니다.

소개:
다음 구조를 갖는 한 div 부분에 대해 클래스와 ID를 정의할 필요가 없습니다. 데이터는 동적이거나 정적일 수 있습니다.
스타일을 제어할 수 있습니다. 스타일
jquery_jquery를 기반으로 한 초경량 3단계 확장 목록
코드는 다음과 같습니다.
css

코드 복사 코드는 다음과 같습니다.