城市预约挂号统一平台案例

Question

$.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节，哪位大师帮我解答下吧，我学的很辛苦的，。