老师这部分的科室排班我是用table表格来做的，我不应该如何去做了，请给个思路

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p class="top_right">欢迎来到城市预约挂号统一平台 请  <a href="#1">登录</a>  <a href="#2">注册</a>    <a href="#3">帮助中心</a></p>

</div>

</div>

</div>

<a href="#1">按医院挂号</a>

<a href="#1">按科室挂号</a>

<a href="#1">按疾病挂号</a>

</p>

<p class="nav_right"><a href="#1">社会知名医院</a></p>

</div>

<p class="name_left">北京协和医院  <sub>关注医院</sub></p>

<p class="name_right"><a href="#5">等级:</a>三级甲等  <a href="#6">区域:</a>东城区  <a href="#7">分类:</a>中国医科院所属医院</p>

</div>

<hr>

<p>[东院]北京市东城区帅府园一号 [西院]北京市西城区大木仓胡同41号</p>

<p>http://www.pumch.cn/</p>

<p>东院咨询台:010-69155564:西院咨询台:010-69158010</p>

<p>东院:106，108，110，111，116，684，685到东单路口北：41，104快,814到东单路口南：1，52,728,802到东单路口西：20,25,39，到东单路口东：103,104,420,803到新东安市场：地铁1、5号线到东单。西院：68到辟才胡同东口：更多乘车路线详见须知</p>

</div>

</div>

</div>

<div class="sty_cont_left_caption">开放预约科室</div>

<span>2301</span><p><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a> <p>

</div>

<span>专科</span><p><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a> <p>

</div>

<span>内科</span><p><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a><a href="hosipital-detial.html">特殊门诊科</a> <p>

</div>

</div>

<tr>

<td>(更新时间每天8.30更新)</td>

</tr>

<tr>

</tr>

<tr>

<td>下午14:00停止次日预约挂号(周五14:00后停挂至下周一)</td>

</tr>

<tr>

<td>就诊前一工作日14:00前取消</td>

</tr>

<tr>

</tr>

<tr>

<td>1.取号地点的不同：西院区预约取号地点：西院区门诊楼一层大厅挂号窗口取号。东院区预约取号地点：东院区老门诊楼一层大厅挂号窗口或新门诊楼层挂号/收费窗口取号</td>

</tr>

</table>

</div>

<p>北京协和医院是集医疗、教学、科研于一体的大型三级甲等医院，是国家卫生计划委指定的疑难重症治疗指导中心，也是最早承担高干保健和外宾医疗的任务之一，以学科齐全、技术力量雄厚、特色专科突出、多学科综合优势强大信誉海内外。在2010、2012、2013、2013年复旦大学医院管理研究所公布的“中国最佳医院排行榜”中连续五年名列首榜。</p>

<p>医院建成于1921年，有洛克菲勒基金会创办。建院之初，就志在“建成亚洲最好的医学中心”。90余年来，医院形成了“严谨、求精、勤奋、奉献”的协和精神和兼容并蓄的特设文化风格，创立了“三基”、“三严”的现代医学教育理念，形成了以“教授、病案、图书馆”著称的协和“三宝”，培养造就了张孝赛、林巧稚等一代医学大师和多位中国现代医学的里就任务，并向全国输送了大批医学管理人才，创建了当今知名的10余家大型综合及专科医院。2010年在总结90年发展经验的基础上，创新性提出来“待病人如亲人，提高病人满意度；待同事如家人，提高员工幸福感”创办院理念</p>

<p>目前，医院共有两个院区，总建筑面积53万平方米，在职职工4000余人，梁云院士5人、临床和医技科室53个、国家级重点学科20个、国家临床重点专科29个、博士点16个、硕士点29个、国家级继续医学教育基地6个、二级学科住院医师培育基地18个、三级学科医师培养基地15个，开放住床位2000余张，单日最高门诊量约1.5万人次、年出院的病人约8人余人次。被评为“全国文明单位”、“全国创先争优先进基层党组织”、“全国卫生系统先进集体”、“首都卫生系统文明单位”、“最受欢迎三甲医院”，荣获全国五一劳动奖章。同事，医院还承担着支援少边穷地区、国家重点活动和突发事件助理医疗队的重任，在2008年北京奥运工作中荣获“特别贡献奖”。</p>

<p>90余年来，协和人以执着的医治、高尚的医德、精湛的医术和严谨的学风书写了辉煌的历史，今天的协和人正位打造“国际知名、国内一流”医院的目标而继续努力。</p>

</div>

<div class="item item1"><p>北京协和医院挂号须知</p></div>

<div class="item"><p>电话预约挂号：010-114(24小时)</p></div>

<p>网络预约挂号：http://www.beijing.gov.cn</p>

<h5>根据卫生部通知和卫生局8月20日工作部署，北京协和医院已完成电话、网络预约挂号的流程建设，现将预约挂号、取号有关事项公布如下，请您认真阅读预约须知</h5>

</div>

<p>一、预约时间范围：</p>

<h5>1.您可预约7天内(试点)日间的副教授、主治医师和住院医师等号源。节假日不安排预约号(含周六、周日)</h5>

<h5>2.每天早上8:30开始放号；下午14:00停止次日预约挂号</h5>

<h5>3.周五14:00停挂至下周一</h5>

</div>

<p>二、预约实名制：</p>

<h5>统一平台电话预约和网上预约挂号均采取实名制注册预约，请您如实提供就诊人员的真实姓名、有效证件号(身份证、军官证、护照)、姓名、电话、手机号码、病例案或协和就诊卡条形码上的id号等有效基础信息。</h5>

</div>

<h5>1、预约成功后，请患者于就诊当日携带有效证件、预约识别码及协和医院就诊卡到医院挂号窗口验证预约信息(核对与预约登记实名信息一致的本人有效证件和预约识别码)和取号，如验证不符合则医院不能提供相应的诊疗服务。如果没有协和医院就诊卡者，请先办好就诊卡后再取号</h5>

<h5>2、取号时间：上午就诊患者，就诊当日9:00以前取号。下午就诊患者，就诊当日下午12:00-13:00之间取号。过时未取号者，预约作废。</h5>

<h5>3、取号地点：西院区预约区号地点：西院区门诊楼一层大厅挂号窗口取号。东院区预约取号地点：东院区老门郑楼一层大厅挂号窗口或新门诊各楼层挂号/收费窗口取号。</h5>

</div>

<h5>如遇特殊情况医生停诊，给您造成不便敬请谅解。医生临时停诊，工作人员会用电话方式及时通知您，请配合更改就诊日期或跟换其他医生，请您保持电话畅通。</h5>

</div>

<h5>挂出的预约号如办理退号，至少在就诊前一工作日14:00前通过网站或者114电话预约识别码进行取消。</h5>

</div>

<h5>1、如预约成功后患者未能按时就诊且不办理取消预约号视为爽约。</h5>

<h5>2、一年内(自然年)无故爽约累计到3次的爽约用户将自动进入系统爽约黑名单，此后3个月内将取消其预约挂号资格；一年内(自然年)累计爽约6次，取消6个月的预约挂号资格。</h5>

</div>

<p>七、其他注意事项</p>

<h5>1、协和东院、西院都可预约。</h5>

<h5>2、国际医疗部门诊、卫干部门不对外预约</h5>

</div>

</tr>

<td>呼吸内科门诊</td>

</tr>

</tr>

<td>变态反应科门诊</td>

</tr>

</tr>

<td>特需眼科门诊</td>

</tr>

<td>特需眼科门诊</td>

</tr>

<td>呼吸内科门诊</td>

</tr>

</tr>

<td>变态反应科门诊</td>

</tr>

</tr>

<td>特需眼科门诊</td>

</tr>

<td>呼吸内科门诊</td>

</tr>

</tr>

<td>变态反应科门诊</td>

</tr>

</tr>

<td>特需眼科门诊</td>

</tr>

<td>呼吸内科门诊</td>

</tr>

</tr>

<td>变态反应科门诊</td>

</tr>

</tr>

</table>

</div>

<p>预约识别码:<input type="text" name="name"><input type="button" value="查询订单"></p>

</div>

</div>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p class="top_right">欢迎来到城市预约挂号统一平台 请  <a href="#1">登录</a>  <a href="#2">注册</a>    <a href="#3">帮助中心</a></p>

</div>

</div>

</div>

<a href="#1">按医院挂号</a>

<a href="#1">按科室挂号</a>

<a href="#1">按疾病挂号</a>

</p>

<p class="nav_right"><a href="#1">社会知名医院</a></p>

</div>

<p class="name_left">北京协和医院  <sub>关注医院</sub></p>

<p class="name_right"><a href="#5">等级:</a>三级甲等  <a href="#6">区域:</a>东城区  <a href="#7">分类:</a>中国医科院所属医院</p>

</div>

<hr>

<p>[东院]北京市东城区帅府园一号 [西院]北京市西城区大木仓胡同41号</p>

<p>http://www.pumch.cn/</p>

<p>东院咨询台:010-69155564:西院咨询台:010-69158010</p>

</div>

</div>

<div class="schedule_caption">科室排满表<a href="index.html">返回科室列表</a></div>

</tr>

</thead>

</tr>

</tr>

</tr>

您还没有选择就诊日期</td>

<!-- <td></td>

</tr>

</table>

</div>

<h6>下午14:00停止次日预约挂号(周五14:00后停挂至下周一)</h6>

<h6>就诊前一工作日14:00前取消</h6>

<h6>1.取号地点的不同：西院区预约取号地点：西院区门诊楼一层大厅挂号窗口取号。东院区预约取号地点：东院区老门诊楼一层大厅挂号窗口或新门诊楼层挂号/收费窗口取号</h6>

</div>

</div>

</body>

</html>

padding: 0;

margin: 0;

}

text-decoration: none;

}

padding: 0;

margin: 0;

display: inline-block;

}

input{

border:none;

outline: none;

}

/*top区域内部样式*/

.top{

width:100%;

height: 30px;

background:#f5f5f5;

color:#b9b9b9;

line-height: 30px;

text-align: center;

font-size: 13px;

}

.wrap{

width:1000px;

margin:0 auto;

}

.top .top_left{

float: left;

background: url(../img/icon-call.png) no-repeat center left;

padding-left: 20px;

}

.top .top_right{

float: right;

cursor: pointer;

}

.top .top_right a{

color:#1fa4f0;

}

/*header区域内部样式*/

.header{

width: 100%;

height: 92px;

}

.header .logo img{

width: 402px;

height: 74px;

display: inline-block;

float: left;

padding-left: 10px;

cursor: pointer;

}

.header .search{

padding-top: 20px;

position: relative;

}

.header .search img{

float: right;

}

.header .ui-search-selected{

width: 70px;

height:40px;

line-height: 40px;

text-align: center;

position: absolute;

top:19px;

right:263px;

color:#fff;

}

.header .ui_search_select_list{

position: absolute;

width:65px;

top:58px;

right:260px;

background: #fff;

box-shadow: 3px 3px 5px rgba(0,0,0,.2);

z-index: 9;

display: none;

}

.header .ui_search_select_list a{

height:24px;

line-height: 24px;

display: block;

color: #A5a2a2;

text-align: center;

}

.header .ui_search_select_list a:hover{

background: #ebeef5;

}

.header .ui-search-input{

position: absolute;

top:32px;

right: 81px;

}

.header .ui-search-submit {

width:40px;

height:36px;

cursor: pointer;

position: absolute;

top:20px;

right:0px;

}

/*nav内部样式*/

.nav{

width: 100%;

height: 40px;

background-color: #60bff2;

line-height: 40px;

text-align: center;

}

.nav .nav_left{

float: left;

padding-left: 20px;

}

.nav .nav_left a{

display: inline-block;

margin-right: 20px;

width: 93px;

color:#fff;

}

.nav .nav_right{

float: right;

}

.nav .nav_right a{

display: inline-block;

width: 100px;

color:#fff;

}

.nav a:hover{

background: #87CEEB;

cursor: pointer;

}

/*医院介绍区域*/

.introduction{

width: 100%;

margin-top: 20px;

}

.wrap .content{

width: 100%;

background-color: #F7F7F7;

}

.wrap .content .name{

line-height: 50px;

overflow: hidden;

}

/*医院介绍区域名字，分类*/

.name .name_left{

float: left;

font-weight: bold;

color: black;

}

.name .name_left sub{

color:orange;

font-size: 14px;

}

.name .name_right{

float: right;

}

/*医院介绍区域详情*/

.hospital {

color:#8c8c8c;

font-size: 15px;

margin-top: 10px;

overflow: hidden;

height: 165px;

}

.hospital .hospital_left{

width: 724px;

float: left;

position: relative;

}

.hospital .hospital_left img{

position: relative;

top:0px;

left: 0px;

}

.hospital .hospital_left .pos{

width: 450px;

position: relative;

top:-152px;

left: 249px;

}

.hospital .hospital_left .pos{

position: relative;

padding: 0px 0 10px 10px;

}

.hospital .hospital_left .pos p{

font-size: 13px;

margin-bottom: 10px;

text-align: left;

}

.hospital .hospital_left .pos p:before{

content:"";

display: block;

position: absolute;

width: 21px;

height: 22px;

background:url(../img/icon-web.png) no-repeat 0 0;

top:4px;

left:-13px;

}

.hospital .hospital_left .pos p:nth-child(2):before{

background-position-y:-22px;

top:34px;

}

.hospital .hospital_left .pos p:nth-child(3):before{

background-position-y:-37px;

top:54px;

}

.hospital .hospital_left .pos p:nth-child(4):before{

background-position-y:-60px;

top:84px;

}

.hospital .hospital_right{

float: right;

width: 255px;

}

/*stystem内部具体样式*/

.stystem{

overflow: hidden;

margin-top: 20PX;

}

.block_wrap{

width:1000px;

margin:0 auto;

}

.stystem .sty_caption{

width:100%;

display: inline-block;

float: left;

height: 35px;

line-height: 35px;

margin-top: 30px;

border-bottom: 1px solid #00dddd;

}

/*stystem标题*/

.stystem .sty_caption .item{

display: inline-block;

color:#00dddd;

width: 100px;

margin-right: 10px;

text-align: center;

}

.stystem .sty_caption .item1{

background-color:#00dddd;

color:#fff;

}

/*stystem内部*/

.stystem .sty_cont{

width: 100%;

margin-top: 20px;

}

.stystem .sty_cont .sty_cont_left{

width: 700px;

float: left;

/*border:1px solid #666;*/

height: 450px;

}

.stystem .sty_cont .sty_cont_left .sty_cont_left_caption{

padding-left: 30px;

margin-top: 25px;

}

.stystem .sty_cont .sty_cont_left .sty_cont_left_group .item{

position: relative;

}

.stystem .sty_cont .sty_cont_left .sty_cont_left_group span{

display: inline-block;

position: absolute;

top: 10px;

left: 57px;

color:gray;

}

.stystem .sty_cont .sty_cont_left .sty_cont_left_group p{

width: 603px;

margin-left: 161px;

margin-top: 10px;

}

.stystem .sty_cont .sty_cont_left .sty_cont_left_group p a{

width: 65px;

margin-right: 70px;

color: black;

font-weight: bold;

}

.stystem .sty_cont .sty_cont_right{

width: 267px;

float: right;

/*border:1px solid #666;*/

height: 400px;

overflow: auto;

}

.stystem .sty_cont .sty_cont_right_p{

height: 700px;

margin-top:20px;

}

.stystem .sty_cont .sty_cont_right_p td{

width: 200px;

}

.stystem .sty_cont .sty_cont_right_p tr td:nth-child(1){

color:#666;

font-size: 15px;

width:122px;

}

.stystem .sty_cont .sty_cont_right_p tr td:nth-child(2){

color:#888;

font-size: 13px;

width: 310px;

}

/*外部链接的stystem*/

.schedule{

margin-top: 40px;

margin-bottom:40px;

overflow: hidden;

}

.schedule .schedule_caption{

font-size: 18px;

margin-bottom: 20px;

}

.schedule .schedule_caption a{

font-size: 16px;

color:#00ffff;

margin-left: 20px;

}

.schedule table{

margin-top: 20px

margin-bottom:40px;

}

.schedule table tr:nth-child(1) td:nth-child(2),

.schedule table tr:nth-child(1) td:nth-child(3),

.schedule table tr:nth-child(1) td:nth-child(4),

.schedule table tr:nth-child(1) td:nth-child(5),

.schedule table tr:nth-child(1) td:nth-child(6),

.schedule table tr:nth-child(1) td:nth-child(7),

.schedule table tr:nth-child(1) td:nth-child(8){

width: 90px;

}

.schedule table tr:nth-child(2) td:nth-child(2),

.schedule table tr:nth-child(2) td:nth-child(3),

.schedule table tr:nth-child(2) td:nth-child(4),

.schedule table tr:nth-child(2) td:nth-child(5),

.schedule table tr:nth-child(2) td:nth-child(6),

.schedule table tr:nth-child(2) td:nth-child(7),

.schedule table tr:nth-child(2) td:nth-child(8){

color:#00ffff;

background-color:#a6ffff;

}

.schedule table tr:nth-child(1) td:nth-child(1),

.schedule table tr:nth-child(1) td:nth-child(9){

width: 40px;

}

.schedule .schedule_left_box{

}

.schedule .schedule_left_1{

width:700px;

float: left;

}

.schedule_right{

width: 298px;

float: right;

height:375px;

border:1px solid gray;

overflow: auto;

}

.schedule_right_cont{

width: 190px;

height:500px;

margin-left: 10px;

line-height: 20px;

}

.schedule_right_cont h4{

color:#6c6c6c;

}

.schedule_right_cont h5{

color:#5b5b5b;

}

.schedule_right_cont h6{

color:#9d9d9d;

}

/*医院介绍区域内容*/

.sty_cont_1{

margin-top: 70px;

font-size: 16px;

padding: 20px;

}

.sty_cont_1 p{

text-indent: 2em;

line-height: 30px;

color:#4f4f4f;

margin-top: 20px;

}

/*/预约须知内容*/

.sty_cont_2{

margin-top: 70px;

padding: 20px;

}

.sty_cont_2 p{

display: block;

}

.sty_cont_2 .item1{

text-align: center;

font-weight: bold;

font-size: 25px;

margin-top: 50px;

}

.sty_cont_2 .item{

margin-top: 20px;

line-height: 20px;

}

.sty_cont_2 .item p{

color:black;

font-size: 15px;

font-weight: bold;

}

.sty_cont_2 .item h5{

color:#4f4f4f;

}

/*停诊信息*/

.sty_cont_3{

margin-top: 70px;

padding: 20px;

}

.sty_cont_3 p{

display: inline-block;

margin-top: 50px;

font-size: 18px;

font-weight: bold;

text-align: center;

width: 100%;

height: 20px;

line-height: 20px;

}

.sty_cont_3 table{

margin: 10px;

color:#4f4f4f;

}

.sty_cont_3 table tr td:nth-child(1){

width:122px;

height: 50px;

}

.sty_cont_3 table tr td:nth-child(2){

width:50px;

}

.sty_cont_3 table tr td:nth-child(3){

width:50px;

}

.sty_cont_3 table tr td:nth-child(4){

width:130px;

}

.sty_cont_3 table tr td:nth-child(5){

width:50px;

}

.sty_cont_3 table tr td:nth-child(6){

width:130px;

}

.sty_cont_3 table tr td:nth-child(7){

width:77px;

}

.sty_cont_3 table tr td:nth-child(8){

width:77px;

}

.sty_cont_3 table tr td:nth-child(9){

width:100px;

}

.sty_cont_3 table tr td:nth-child(10){

width:130px;

}

/*查询信息*/

.sty_cont_4 p{

display: inline-block;

width: 100%;

height:300px;

line-height: 300px;

text-align: center;

font-size: 18px;

border-top: 1px solid #9d9d9d;

margin-top: 50px;

border-bottom: 1PX solid #9d9d9d;

}

.sty_cont_4 p input:nth-child(1){

width:180px;

height: 27px;

margin-left: 5px;

margin-right: 5px;

border: 1px solid #9d9d9d;

padding: 0;

}

.sty_cont_4 p input:nth-child(2){

width:83px;

height: 30px;

color:#fff;

background: #00ffff;

border:none;

cursor: pointer;

}

/*foot内部样式*/

.foot{

width: 100%;

height: 60px;

background-color: #adadad;

color:#6c6c6c;

text-align: center;

line-height: 60px;

margin-top: 20px;

}

// 搜素

$.fn.uisearch=function(){

ui=$(this)

$(".ui-search-selected",ui).on("click",function(){

$(".ui_search_select_list").show()

return false

})

$(".ui_search_select_list a",ui).on("click",function(){

$(".ui-search-selected",ui).text($(this).text())

$(".ui_search_select_list").hide()

return false

})

$("body").on("click",function(){

$(".ui_search_select_list").hide()

// return false

})

}

// 按钮切换

$.fn.wrap=function(header,content){

ui=$(this)

tabs=$(header,ui)

cons=$(content,ui)

tabs.on("click",function(){

var index=$(this).index()

tabs.removeClass('item1').eq(index).addClass('item1')

cons.hide().eq(index).show()

})

}

// 脚本执行

$(function(){

$(".ui_search").uisearch()

$(".stystem").wrap(".sty_caption>.item",".block_wrap >.sty_cont")

慕函数4234673 2020-02-28

源自：实战：挂号平台首页 5-12 项目作业

收起

1回答

好帮手慕粉 2020-02-29 10:33:44

同学你好，关于同学的问题回答如下：

1、同学的tab栏切换没有实现：

应该是点击相应按钮显示相应的内容。

2、科室排班表部分，老师给同学提供个思路，同学可以参考下：

先准备一个容器schedule_box，这个外层盒子只能显示一周的日期，可以给schedule_box一个固定宽度，来显示一周的日期，再准备一个schedule_box_wrap的盒子来存放动态生成的七周日期，因为七周日期很多，所以schedule_box_wrap占据的宽度会很宽，所以同学可以给容器schedule_box设置溢出隐藏，界面上就只显示一周的日期。思路跟实现轮播图是差不多的，页面上只显示一张图片，其他的被隐藏。

再实现一个动态生成日期的函数，下部分的代码中，一个for循环内部是一天的排班，也就是一列的内容，将生成的日期通过html.push()方法放到容器schedule_box_wrap中，一共循环了七周49天。参考：

处理按钮，当点击的时候能进行左右切换：

老师只是给同学提供一个思路，同学可以再将样式部分完善一下。

如果同学不能很好地解决，建议同学提交作业呢，会有老师为同学提供详细的批复文档。

如果我的回答帮助了你，欢迎采纳，祝学习愉快~

收起回答

提问者慕函数4234673 #1

老师在我自己电脑上我这边的tab切换到相应的内容都是没问题的啊！我换了几个浏览器都可以实现的啊！老师那边为啥是不可以的呢？

2020-02-29 11:58:53
好帮手慕粉回复提问者慕函数4234673 #2

同学你好，很抱歉老师第一次没有正确引入同学的js文件，老师又测试了一下，tab切换是可以的。祝学习愉快~

2020-02-29 19:10:47