发现jquery.SuperSlide.2.1.1.js插件里的一个大坑

七海恋空 2019-04-25 浏览(0 评论(0

我们制作网页一般都会用到轮播图、幻灯片、选项卡切换这些js特效。最近发现同事切图喜欢用jquery.SuperSlide这个插件来写轮播图特效,看别人用着挺简单的,自己也尝试了一番。

客户要求对一行头像图片加左右切换的特效,我尝试自己弄了一下,结果把我坑惨了。按照官方的demo例子,我很快的就把网页改好了。jquery.SuperSlide插件官方地址:http://www.superslide2.com/demo.html。看了一下效果,果然没有成功,调试了半天都没弄好。我想老这样吃快餐,捡现成的不太好吧,算了明天再研究研究吧。

第二天,我把官方原版的demo页面下载下来,想探个究竟。没想到js里面还写了判断,为了防盗链,js会判断当前页面所在的域名。这个我也是后来才发现的,其实只要去掉插件js里面的判断代码就行了。可我一开始没发现了,也没去深究啊!于是把自己本地的插件js引用了过来,结果还是不行。怎么会这样?页面代码几乎是一模一样,点击左右切换效果就是不出来。经过另一位热心的同事提点,我才发现原来插件版本问题。官网的是jquery.SuperSlide.2.1.3.js,我本地的是jquery.SuperSlide.2.1.1.js,差了2个版本呢。关键是我本地的这个版本,前后切换按钮的样式名需要和插件js中指定的一样。居然这么坑,做插件的怎么能把这东西写死在js里面呢?其他的你知道用参数代替,为啥这个不用。不过好在是最新版本已经解决了这个bug。我的同事也安慰我说,他也被这个bug坑过,所以也别太恼火。

总体来说这个插件的做的还是很不错的,作者也是很幸苦。我们这些伸手党不应该抱怨这抱怨那,套用一句话:“要啥自行车啊!”