首页 > 解决方案 > jQuery 光滑宽度扩展太多

问题描述

我有一个简单的 jQuery 光滑轮播,我想使用它,但是在初始化它时,它总是默认为 7888 的宽度,没有明显的原因。HTML如下:

    <div class="card-slider col-sm-4"
        ng-if="ctrl.slides.length">
            <div ng-repeat="slide in ctrl.slides"
                class="event-card">

                //displaying the information

            </div>
    </div>

从控制台初始化它时,宽度会飞涨并开始弄乱 DOM。我使用的代码是:

$('.card-slider').slick({
                accesibility: false,
                autoplay: true,
                autoplaySpeed: 2500,
                arrows: false,
                infinite: true
            });

有什么我想念的吗?我已经尝试过使用多个轮播(包括特定于角度和猫头鹰的ui.carousel),它们似乎都忽略了父大小以及到目前为止应用于页面的所有其他样式。

标签: javascriptjquerycssangularjsslick.js

解决方案


推荐阅读