Slick Slider添加cssEase属性报错,请求语法错误排查指导
问题排查与修正
你的问题确实是引号冲突加上语法遗漏导致的:
- 外层
data-slick-options用单引号'包裹整个JSON对象,里面cssEase的值却用了单引号'linear',这会让浏览器误以为JSON提前结束,直接引发语法错误。 cssEase那一行末尾没有加逗号,JSON中属性之间必须用逗号分隔,否则也会报错。
修正后的代码如下:
<div class="element-carousel slick-arrow-center" data-slick-options='{ "spaceBetween": 15, "slidesToShow": 3, "slidesToScroll": 1, "arrows": true, "infinite": true, "dots": false, "useTransform" : true, "speed" : 9500, "autoplay" : true, "autoplaySpeed" : 1, "cssEase" : "linear", "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fas fa-angle-left" }, "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fas fa-angle-right" } }'>
说明:
- 把
cssEase的值改成双引号"linear",和JSON里其他属性值的引号保持一致,避免和外层的单引号冲突。 - 在
"linear"后面加上逗号,保证JSON语法的正确性。
内容的提问来源于stack exchange,提问作者Sohail Riaz
相关产品推荐
相关产品推荐

