Commit e2cbe83043d9f7e422478dd6ac09e86551e85e2c

Authored by Andy
2 parents e89f1648 64d81490

Merge branch 'branch' of http://192.168.1.195:9998/web_developers/javaplatform into branch

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 @@ $(&#39;#link-div span&#39;).on(&#39;click&#39;,function () { @@ -109,4 +109,12 @@ $(&#39;#link-div span&#39;).on(&#39;click&#39;,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