$.fn.uiTab = function(header,content){ var ui = $(this); var tabs = $(header,ui); var cons = $(content,ui); tabs.on('click',function(){ var index = $(this).index(); tabs.removeClass('item_focus').eq(index).addClass('item_focus'); cons.hide().eq(index).show(); return false; })}$(document).ready(function(){ $('.content-tab').uiTab('.caption > .item','.block > .item'); $('.content-tab .block .item').uiTab('.block-caption > .block-caption-item','.block-content > .block-wrap');})<div class="content-tab"><div class="caption"> <a href="javascript:(void)" class="item item_focus">医院</a> <a href="javascript:(void)" class="item">科室</a></div><div class="block"><div class="item'> //num1 <div class="block-caption"> </div> <div class="block-content"> </div></div><div class="item"> //num2 (这里num1和num2内容完全一致) <div class="block-caption"> </div> <div class="block-content"> </div></div></div></div>问题来了, 为什么选项卡,医院选项,正常的,点击科室的时候,item下的block-caption的内容可以显示,但是无法点击,连item_active 也不显示。block-content的内容直接不显示。 《前端小白系列课程》中的城市预约挂号平台中的 5-7节,哪位大师帮我解答下吧,我学的很辛苦的,。
添加回答
举报
0/150
提交
取消