JS插件开发之-Tab选项卡_技术问答

首页免费课 JS插件开发之-Tab选项卡问答

JS插件开发之-Tab选项卡

                
                一只帅蚂蚁
            Web前端工程师

                    查看讲师更多课程 
                    一只帅蚂蚁讲师的其他课程
                
移动端Web组件-Dialog对话框
中级·25973
免费课程
                                
JS插件开发之LightBox图片画廊(下)
中级·15078
免费课程
                                
JS插件开发之LightBox图片画廊(上)
中级·27071
免费课程
                                
JS实现“旋转木马”幻灯片效果
中级·66442
免费课程
                                
                难度中级
            
                时长 2小时 0分
            
                学习人数
            
综合评分9.73
                            43人评价
                        查看评价
                                10.0
                                内容实用
                            
                                9.9
                                简洁易懂
                            
                                9.3
                                逻辑清晰

全部评论问答未解决精华

。。。

最新回答 / 旅行的癞蛤蟆

。。。

1 回答 792 浏览 5-1 自动切换

2017-04-23

我们都变了

其实loop这里可以用loop=(loop++)%tabLength

0 5-1 自动切换

2017-04-23

我们都变了

很强 222

0 4-3 切换功能实现

2017-04-23

自动播放的问题

最赞回答 / 我们都变了

你前面应该是设置了"triggerType":"mouseover"。因为在autoPlay函数里有一句“_this.tabItems.eq(_this.loop).trigger(_this.config.triggerType);”模拟了this.tabItems的mouseover,由于事件冒泡会传到this.tab,又会执行this.tab.hove...

4 回答 1789 浏览 5-1 自动切换

2017-04-21

wolf_newWorld

对于高版本的jQuery size()用length属性来代替

10 5-1 自动切换

2017-04-21

Elevens_regret

自己做了一个，改动了一下老师的，可以传第二个配置参数。http://runjs.cn/code/0tyvtfhe

6 6-1 初始化函数和注册为JQ方法

2017-04-21

旅行的癞蛤蟆

老师讲得很仔细，辛苦了！

0 1-3 课程安排

2017-04-20

小王来学习一波

好支持 111

0 4-3 切换功能实现

2017-04-20

米炸了

这叫仔细看了一眼。。。。

0 1-1 课程概述和案例效果展示

2017-04-20

为什么有些地方是this，有些地方是_this_

已采纳回答 / 白小虫

this在不同的地方指向不一样

2 回答 1362 浏览 5-1 自动切换

2017-04-20

为什么tab栏讲着就没有然后了呢？

最新回答 / 海牛嵌入式

后面老师会讲JS代码来操作这个结构，只要把结构梳理清楚后，剩下就是程序对结构的操作了。

1 回答 997 浏览 3-1 聊聊面向对象开发

2017-04-20

感觉有点疑惑

最新回答 / 白小虫

返回的是null，不执行if里面的extend方法，这个时候config取的值就是默认的配置参数了。

1 回答 572 浏览 4-1 参数配置及扩展

2017-04-19

应届菜鸟_哎

有没有代码？

3 4-2 事件绑定

2017-04-19

因扎吉

改成了接收两个参数的调用
var tab1 = new Tab(".js-tab",{
...参数
});

var Tab = function(el,obj){
//接收自定义元素标签
this.tab = $(el);
//接收用户自定义参数
this.userconfig = obj;

getConfig 里面
var config = this.userconfig;
if(config && config!= "")
return config;

1 6-1 初始化函数和注册为JQ方法

2017-04-19

一只帅蚂蚁

大家讨论的都很热烈啊，这个课程比已上线的课程都要早，只是排期晚到现在，是比较简单的例子，以后关于这样的插件不会再录课程，希望老师的这些课程学完，你们应该都能写插件了，思想是老师的，每个人都可以发散思维去拓展，不一定讲的好，条条大路通罗马，希望同学们不要局限老师个人的思维，作为参考学习就行，还是希望大家有自己的思路！！

2017-04-19

首页上一页 12 13 14 15 16 下一页尾页

开始学习

课程须知: 1、对html，css基础知识已经掌握。 2、对this，prototype，new等关键词的理解。

老师告诉你能学到什么？: 1、DOM操作 2、JS OOP思想 3、组件化的开发过程 4、如何去设计一个组件 5、组件的参数分析，配置，扩展等 6、优化，扩展，渐近增强的开发过程

微信扫码，参与3人拼团

热搜

最近搜索清空