记录一次老项目维护
一. 轮播失效
1.首页banner轮播失效,经查是使用了bootstrap自带的轮播,而bootstrap轮播在图片资源没加载的情况下,如果设置了自动轮播属性会导致报错,并且后续无法继续轮播,左右点击切换图片也会失效。去掉该参数(data-ride=“carousel”)即可
参考资料
2.底部轮播,底部轮播是使用了bxslider插件,因老项目jquery插件升级过一次(由v1.71 升级为v3.6.0),导致原有的轮播插件,在页面加载读取系统缓存的状态下,无法正常轮播:
① 原来图片的a标签跳转事件失效
② 一直点击向右切换图片,图片会切到最后一张无法正常循环。并且此时无法向左切换回去。
打开浏览器日志,发现jquery这里加载slide.js报错,空指针异常,
如果去掉自动轮播的话,就可以恢复正常了。
后续处理方式:
先升级了bxslider插件版本(由v4.1.2升级为v4.2.12) ,此时图片无法正常点击跳转,经查作者插件本身存在问题,还未修复,可以先行添加该属性进行处理。
参考资料
$('.your-slider').bxSlider({
touchEnabled: false
});