jQuery | javascript | CSS
jQuery Mobile - 08.중첩 리스트
Godffs
2012. 9. 18. 00:22
반응형
리스트 안에 리스트를 표현하는 예제입니다.
| 중첩 리스트 |
| <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta charset="euc-kr" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no"/> <link rel="shortcut icon" href="../FrameWork/images/icons-18-black.png" /> <link rel="apple-touch-icon" href="../FrameWork/images/icons-18-black.png" /> <link href="../framework/jquery.mobile-1.0.css" rel="stylesheet" type="text/css" /> <script src="../framework/jquery-1.6.4.js"></script> <script src="../framework/jquery.mobile-1.0.js"></script> </head> <body> <div data-role="page"> <div data-role="header"> <h1>탭(Tab)</h1> </div> <div data-role="content"> <ul data-role="listview" data-inset="true"> <li>Class_A <ul> <li><a href="연결 페이지">Class__A1</a></li> <li><a href="연결 페이지">Class__A2</a></li> </ul> </li> <li>Class_B <ul> <li><a href="연결 페이지">Class__B1</a></li> <li><a href="연결 페이지">Class__B2</a></li> </ul> </li> </ul> </div> </div> </body> </html>   |
반응형