如何响应嵌套的光滑幻灯片？

问题描述

我在asp.net mvc项目中工作，我想实现一个类似于我绘制的滑块：

我使用slickslider并在jquery中编写了以下代码：

function slickSlide()
    {
        $('.slider2').slick({
            dots: false,cssEase: 'linear',infinite: true,speed: 300,autoplay: false,autoplaySpeed: 4000,slidesToShow: 4,slidesToScroll: 1,mobileFirst:true,responsive: [
                {
                    breakpoint: 1200,settings: {
                        slidesToShow: 4
                    }
                },{
                    breakpoint: 768,{
                    breakpoint: 580,settings: {
                        slidesToShow: 3
                    }
                },{
                    breakpoint: 500,settings: {
                        slidesToShow: 2
                    }
                }
            ],arrows: true,centerMode: true,centerPadding: '1%',});

        $('.slider').slick({
            autoplay: true,arrows: false,dots: true,speed: 500,adaptiveHeight: false,});

但是它的响应性不能正常工作，例如在较小的宽度上会损坏。 此图显示了这种混乱：

此图显示了正确的功能：

您有解决方案吗？还是像我想做的事这样的例子？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）