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

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

JS插件开发之-Tab选项卡

                
                一只帅蚂蚁
            Web前端工程师

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

全部评论问答未解决精华

PajamaCat

https://github.com/Skura23/jq-plugins
这是我最终完成的代码, 跟老师的代码不太一样, 但效果一样
值得注意的是jq的方法size(), bind()最好用.length和.on()代替,
因为size()在jq1.8版本以上已经弃用了, on()方法也代替bind()成为最佳的绑定事件方法

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

2017-07-27

慕后端9229044

谢谢老师，讲解很透彻

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

2017-07-27

PajamaCat

嫌细的自己不会调快播放速度啊? 人家做视频又不是给你一个人或者给某一小撮人看的, 老师这个视频明显照顾到了各层次水平的同学, 做人不要这么自私, 别老想着自己. 不奢求你能高尚到贡献免费视频或者免费知识, 但别对开源精神的知识成果指手画脚

18 2-1 DOM结构搭建

2017-07-26

Roy_Li

在tabItems.eq(_this_.loop).trigger(config.triggerType);下面增加
if (config.triggerType === 'mouseover') {
tabItems.eq(_this_.loop).trigger("mouseout");
}
解决解决所有问题。

6 5-1 自动切换

2017-07-23

慕前端5121872

了解了解，看看别人组件是怎么写的

0 2-1 DOM结构搭建

2017-07-20

qq_Carnivore_0

这老师也不能叫口齿不清，就是嘴跟不上脑子

1 5-1 自动切换

2017-07-15

qq_Carnivore_0

能懂90%

0 4-3 切换功能实现

2017-07-15

控制台老是显示Tab没有定义

最新回答 / 写代码的阿木木

没毛病怎么输出的

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

2017-07-09

懒惰的猫想吃鱼

我只是来插个旗

0 2-1 DOM结构搭建

2017-07-06

慕九州4416738

在"triggerType":"mouseover",时，this.tab移入移除是有bug

2 5-1 自动切换

2017-07-05

你爱的是星辰大海

谢谢老师，收获很大。

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

2017-07-04

Uncaught TypeError: $(...).tab is not a funct

讲师回答 / 一只帅蚂蚁

是不是JQ版本太高了，试试1.7.x左右版本

1 回答 4502 浏览

2017-07-04

进击的菜鸟3983508

感谢老师讲解，很棒

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

2017-07-03

this.tab.hover()方法执行有问题，自动播放到第二个就停止了

最赞回答 / 鄢栋

已解决。把triggerType这个配置参数==="mouseover"的时候，改成bind()方法来写，然后再在autoPlay()函数里面的tabItems.eq(_this_.loop).trigger(config.triggerType);这句后面加上鼠标移出时触发这个事件：if (_this_.config.auto) { tabItems.eq(_this_.loop).trigger("mouseout"); }这样就好了。

3 回答 1425 浏览 5-1 自动切换

2017-07-03