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 81 text-align: center;
82 82 color: #1f2b3d;
83 83 font-size: 20px;
  84 + cursor: pointer;
84 85 }
85 86 .nav-ul li:nth-of-type(1){
86 87 box-shadow: 0 1px 10px 0 rgba(50,50,50,.2);
... ...
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 @@ $(&#39;#link-div span&#39;).on(&#39;click&#39;,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
... ...