5.5 加前缀问题

$.fn.UiTab=function(header,content,focus_prefix){
    var ui=$(this);
    var tabs=$(header,ui);
    var cons=$(content,ui);
    var focus_prefix=focus_prefix ||'';
    tabs.on('click',function(){
        var index=$(this).index();
        tabs.removeClass(focus_prefix+'item_focus').eq(index).addClass(focus_prefix+'item_focus');
        cons.hide().eq(index).show();
        return false;
        })
     
    }
 
//页面脚本逻辑
$(function(){
    $('.ui-search').UiSearch();
    $('.content-tab').UiTab('.caption>.item','.block>.item','block-capiton-');
    $('.content-tab .block .item').UiTab('.block-caption>a','.block-wrap','block-capiton-');
    });

出现下列情况

阿尔卑斯de秘密 2017-08-29

源自：实战：挂号平台首页 5-4 首页.UI组件-UiTab

收起

3回答

一路电光带火花 2017-08-30 12:03:40

加不加都行，我按照你说的，把老师的源码按照你的修改了下，效果没问题啊~

收起回答

提问者阿尔卑斯de秘密 #1

你是按照我第二的写法写的么？老师给的写法你能实现功能么？

2017-08-30 12:04:51
一路电光带火花回复提问者阿尔卑斯de秘密 #2

是的呀，就是按照你的代码中方法里的参数去写的，我下载了老师的源码，去改了，没问题

2017-08-31 11:22:07

提问者阿尔卑斯de秘密 2017-08-29 20:49:33

在页面脚本逻辑部分应写

1 2	`$('.content-tab').UiTab('.caption>.item','.block>.item','');` `$('.content-tab .block .item').UiTab('.block-caption>a','.block-wrap','block-capiton-');`

而不是

1 2	`$('.content-tab').UiTab('.caption>.item','.block>.item');` `$('.content-tab .block .item').UiTab('.block-caption>a','.block-wrap','block-capiton-');`

在Ui-Tab组件部分的focus_prefix赋值区域应该写

1	`var` `focus_prefix=focus_prefix;`

而不是

1	`var` `focus_prefix=focus_prefix\|\|'';`

收起回答

小丸子爱吃菜 2017-08-29 20:06:36

可以对照下老师课程中的代码先自查问题，如果还是找不到，可以将全部代码粘贴过来，方便我们运行，更好的去查找问题所在！

祝学习愉快！

收起回答

提问者阿尔卑斯de秘密 #1

我这不是把相应的组件的代码贴上了么，在这个组件当中，加类前缀这个功能我一直实现不了，按照老师的输入的，结果在科室的类前面应该什么都没有的，结果添加了添加的是下面城区的类的前缀

2017-08-29 20:21:33
提问者阿尔卑斯de秘密 #2

我觉得这个地方老师给出的代码有错误

2017-08-29 20:45:55
提问者阿尔卑斯de秘密 #3

麻烦老师看看我第二次的写法

2017-08-29 20:50:06