간편 다단계 메뉴 구현
1. 정의
- 메뉴 생성을 위한 마크업 룰
1) 메뉴 자체는 <ul><li>요소에서 나타남
2) 서브 메뉴는 <li>아래 <ul>요소 배치
3) 아이콘은 <li>아래의<span class="ui-icon-아이콘이름">으로 삽입
4) 메뉴 무효화: <li class=ui-state-disabled">
2. 구문
$(요소).menu({매개변수:값,...})
1) 매개변수
매개변수 |
개요 |
기본값 |
icons |
서브 메뉴에 붙이는 아이콘 |
{submenu:"ui-icon-carat-1-e"} |
menus |
메뉴를 나타내는 컨테이너 요소 |
ul |
position |
서브메뉴 표시 |
my, at |
3. 구현
'Front-End > jQueryUI' 카테고리의 다른 글
| [jQueryUI] 자동완성기능 후보 목록에 조건추가 - autocomplete(source) (0) | 2017.01.31 |
|---|---|
| [jQueryUI] 자동완성기능 - autoComplete (0) | 2017.01.31 |
| [jQueryUI] 툴팁으로 이미지 나오게 하기 (0) | 2017.01.25 |
| [jQueryUI] 간편한 툴팁구현 (0) | 2017.01.25 |
| [jQueryUI] AJAX를 이용한 비동기적 대화상자 (0) | 2017.01.23 |
리딩리드