首页 > 解决方案 > javascript 不会在 slick.js 中呈现箭头按钮

问题描述

嗨,我在使用 slick.js 时遇到问题,实际上 javascript 没有呈现箭头按钮,即使默认情况下箭头的值为 true,我再次将其设置为 true 值,但它没有启用。

$j(document).on('ready', function() {
$j(".regular").slick({
  dots: false,
    infinite: false,
    rtl: true,
    arrows:true,
    prevArrow: '<button><img src="/skin/frontend/sbase/abzarmart/images/prvarw.svg"/></button>',
    nextArrow: '<button><img src="/skin/frontend/sbase/abzarmart/images/nxtarw.svg"/></button>',
    slidesToShow: 5,
    slidesToScroll: 5,
    responsive: [
        {
            breakpoint: 1024,
            settings: {
                dots: false,
                infinite: false,
                slidesToShow: 4,
                slidesToScroll: 4,
            }
        },
        {
            breakpoint: 600,
            settings: {
                dots: false,
                infinite: false,
                slidesToShow: 3,
                slidesToScroll: 3
            }
        },
        {
            breakpoint: 480,
            settings: {
                dots: false,
                infinite: false,
                slidesToShow: 2,
                slidesToScroll: 2
            }
        }
    ]
});

});

注意:我应该将 $j 用于 jquery,因为在我的网站中,prototype.js 正在使用!

标签: javascriptjqueryfrontendcarouselslick.js

解决方案


推荐阅读