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
                                逻辑清晰

全部评论问答未解决精华

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

讲师回答 / 一只帅蚂蚁

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

1 回答 4587 浏览

2017-07-04

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 回答 1491 浏览 5-1 自动切换

2017-07-03

如何判断URL后面的参数来选择选项卡第几个的内容

最赞回答 / qq_海鸥振_0

http://xxxxxx/index.html?curIndex=3;然后你通过js获取URL中“？”后面的curIndex

2 回答 1815 浏览 1-1 课程概述和案例效果展示

2017-06-19

不通用的插件还算插件吗

最新回答 / 雨中的鱼L

按照他的配置来就能用，就是css类也要一样

1 回答 960 浏览 4-2 事件绑定

2017-06-10

发现bug

最新回答 / 帅帅01

已经解决了，将tabItems.eq(_this_.loop).trigger(config.triggerType);改为_this_.invoke(tabItems.eq(_this_.loop));即可

1 回答 800 浏览

2017-06-06

选项卡的小bug

最赞回答 / 帅帅01

已经解决了，将tabItems.eq(_this_.loop).trigger(config.triggerType);改为_this_.invoke(tabItems.eq(_this_.loop));即可

5 回答 995 浏览 6-1 初始化函数和注册为JQ方法

2017-05-13

我发现一个问题

最新回答 / qq_MJ_7

因为trigger("mouseover")时也会触发父元素的hover事件，即会清除定时器，所以这种情况自动播放就失效了，解决：在事件绑定时阻止冒泡

2 回答 1001 浏览 6-1 初始化函数和注册为JQ方法

2017-05-06

课程源代码在哪下载

+ 我来回答回答最高可+2积分

1 回答 956 浏览 2-2 CSS样式初始化

2017-05-01

size（）方法报错？？？

最新回答 / 慕少3035567

size() 官方已经不推荐使用了，建议用length

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

2017-04-26

鼠标快速滑过tab-nav时，怎么阻止content-item切换

最赞回答 / 野生前端菜鸟

我的思路，就是判端移入移出的时间差，如果太短就阻止切换的函数执行，否则就执行函数代码可能有问题var last = new Date.now()var current = new Date.now()if(current-last <500){return false}this.invoke()

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

2017-04-25

这是什么问题？为什么一直都过不了

最新回答 / 谓为我心忧

是不是少了逗号<...图片...>

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

2017-04-24

。。。

最新回答 / 旅行的癞蛤蟆

。。。

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

2017-04-23

自动播放的问题

最赞回答 / 我们都变了

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

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

2017-04-21