Commit e2cbe83043d9f7e422478dd6ac09e86551e85e2c
Merge branch 'branch' of http://192.168.1.195:9998/web_developers/javaplatform into branch
Showing
3 changed files
with
14 additions
and
5 deletions
css/libCss/common.css
| @@ -81,6 +81,7 @@ nav{ | @@ -81,6 +81,7 @@ nav{ | ||
| 81 | text-align: center; | 81 | text-align: center; |
| 82 | color: #1f2b3d; | 82 | color: #1f2b3d; |
| 83 | font-size: 20px; | 83 | font-size: 20px; |
| 84 | + cursor: pointer; | ||
| 84 | } | 85 | } |
| 85 | .nav-ul li:nth-of-type(1){ | 86 | .nav-ul li:nth-of-type(1){ |
| 86 | box-shadow: 0 1px 10px 0 rgba(50,50,50,.2); | 87 | box-shadow: 0 1px 10px 0 rgba(50,50,50,.2); |
index.html
| @@ -50,7 +50,7 @@ | @@ -50,7 +50,7 @@ | ||
| 50 | <span>API 列表</span> | 50 | <span>API 列表</span> |
| 51 | </div> | 51 | </div> |
| 52 | <div class="link-con" id="link-con"> | 52 | <div class="link-con" id="link-con"> |
| 53 | - <div class="link-con-1 display-none"> | 53 | + <div class="link-con-1"> |
| 54 | <div class="link-con-left float-left"> | 54 | <div class="link-con-left float-left"> |
| 55 | <div class="link-con-left-wrap marginright32 boder-raduis5"> | 55 | <div class="link-con-left-wrap marginright32 boder-raduis5"> |
| 56 | <div class="link-con-title border-bottom1"> | 56 | <div class="link-con-title border-bottom1"> |
| @@ -165,13 +165,13 @@ | @@ -165,13 +165,13 @@ | ||
| 165 | 165 | ||
| 166 | 166 | ||
| 167 | <!--API别表--> | 167 | <!--API别表--> |
| 168 | - <div class="link-con-1 "> | ||
| 169 | - <div class="list-main-wrap display-none" id="list-main-wrap"> | 168 | + <div class="link-con-1 display-none"> |
| 169 | + <div class="list-main-wrap" id="list-main-wrap"> | ||
| 170 | <ul class="list-con-title"> | 170 | <ul class="list-con-title"> |
| 171 | <li class="float-left">名称</li> | 171 | <li class="float-left">名称</li> |
| 172 | <li class="float-left">描述</li> | 172 | <li class="float-left">描述</li> |
| 173 | </ul> | 173 | </ul> |
| 174 | - <ul class="list-con-wrap"> | 174 | + <ul class="list-con-wrap" id="list-con-wrap"> |
| 175 | <li> | 175 | <li> |
| 176 | <div class="float-left"> | 176 | <div class="float-left"> |
| 177 | <span data-id="1">名称名称名称名称名称</span> | 177 | <span data-id="1">名称名称名称名称名称</span> |
| @@ -439,7 +439,7 @@ | @@ -439,7 +439,7 @@ | ||
| 439 | </ul> | 439 | </ul> |
| 440 | </div> | 440 | </div> |
| 441 | 441 | ||
| 442 | - <div class="list-detail-wrap" id="list-detail-wrap"> | 442 | + <div class="list-detail-wrap display-none" id="list-detail-wrap"> |
| 443 | <div class="list-detail-title"> | 443 | <div class="list-detail-title"> |
| 444 | 名称名称名称名称名称名称名称(名称名称名称名称名称名称名称名称) | 444 | 名称名称名称名称名称名称名称(名称名称名称名称名称名称名称名称) |
| 445 | </div> | 445 | </div> |
js/index.js
| @@ -109,4 +109,12 @@ $('#link-div span').on('click',function () { | @@ -109,4 +109,12 @@ $('#link-div span').on('click',function () { | ||
| 109 | $(this).addClass('linkActive').siblings('span').removeClass('linkActive'); | 109 | $(this).addClass('linkActive').siblings('span').removeClass('linkActive'); |
| 110 | $('#link-con .link-con-1').addClass('display-none'); | 110 | $('#link-con .link-con-1').addClass('display-none'); |
| 111 | $('#link-con .link-con-1').eq(index).removeClass('display-none'); | 111 | $('#link-con .link-con-1').eq(index).removeClass('display-none'); |
| 112 | + $('#list-detail-wrap').addClass('display-none'); | ||
| 113 | + $('#list-main-wrap').removeClass('display-none'); | ||
| 114 | +}); | ||
| 115 | +$(document).delegate('#list-con-wrap li span','click',function () { | ||
| 116 | + var id = $(this).attr('data-id'); | ||
| 117 | + alert(id); | ||
| 118 | + $('#list-main-wrap').addClass('display-none'); | ||
| 119 | + $('#list-detail-wrap').removeClass('display-none'); | ||
| 112 | }); | 120 | }); |
| 113 | \ No newline at end of file | 121 | \ No newline at end of file |