Commit 7a96376f79a3363de759474aaf82031b20aee1a8
1 parent
e3d15e5e
index api 查看详情事件
Showing
2 changed files
with
13 additions
and
5 deletions
index.html
| ... | ... | @@ -50,7 +50,7 @@ |
| 50 | 50 | <span>API 列表</span> |
| 51 | 51 | </div> |
| 52 | 52 | <div class="link-con" id="link-con"> |
| 53 | - <div class="link-con-1 display-none"> | |
| 53 | + <div class="link-con-1"> | |
| 54 | 54 | <div class="link-con-left float-left"> |
| 55 | 55 | <div class="link-con-left-wrap marginright32 boder-raduis5"> |
| 56 | 56 | <div class="link-con-title border-bottom1"> |
| ... | ... | @@ -165,13 +165,13 @@ |
| 165 | 165 | |
| 166 | 166 | |
| 167 | 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 | 170 | <ul class="list-con-title"> |
| 171 | 171 | <li class="float-left">名称</li> |
| 172 | 172 | <li class="float-left">描述</li> |
| 173 | 173 | </ul> |
| 174 | - <ul class="list-con-wrap"> | |
| 174 | + <ul class="list-con-wrap" id="list-con-wrap"> | |
| 175 | 175 | <li> |
| 176 | 176 | <div class="float-left"> |
| 177 | 177 | <span data-id="1">名称名称名称名称名称</span> |
| ... | ... | @@ -439,7 +439,7 @@ |
| 439 | 439 | </ul> |
| 440 | 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 | 443 | <div class="list-detail-title"> |
| 444 | 444 | 名称名称名称名称名称名称名称（名称名称名称名称名称名称名称名称） |
| 445 | 445 | </div> | ... | ... |
js/index.js
| ... | ... | @@ -109,4 +109,12 @@ $('#link-div span').on('click',function () { |
| 109 | 109 | $(this).addClass('linkActive').siblings('span').removeClass('linkActive'); |
| 110 | 110 | $('#link-con .link-con-1').addClass('display-none'); |
| 111 | 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 | 121 | \ No newline at end of file | ... | ... |