Commit 7a96376f79a3363de759474aaf82031b20aee1a8
1 parent
e3d15e5e
index api 查看详情事件
Showing
2 changed files
with
13 additions
and
5 deletions
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 |