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 |