Yamaguchi webgroup02 jQueryUI
- 9. CSS, jQuery, jQuery UIを読み込む <head> … <link type="text/css" href="css/pepper-grinder/jquery-ui-1.8.1.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script> … </head>
- 10. jQuery UIの書式に従ってHTMLを書く ■ Tabsの例 <body> … <div id="tabs"> <ul> <li><a href="#tabs-1">First</a></li> <li><a href="#tabs-2">Second</a></li> </ul> <div id=“tabs-1“>1つ目のタブの内容</div> <div id=“tabs-2“>2つ目のdivブロックの内容</div> </div> … </body>
- 11. JavaScriptコードでjQuery UIを適用 ■ Tabsの例 <head> … <script type="text/javascript"> $(function(){ // Tabs $('#tabs').tabs(); … }); </script> … </head> CSSのセレクタを書く