如何参考Slick JS启动Swip​​er JS滑块

Question

一个光滑的滑块如下所示启动。

 var WidgetLAECarouselHandler = function ($scope, $) {

        var carousel_elem = $scope.find('.lae-carousel, .lae-posts-carousel, .lae-gallery-carousel, .lae-services-carousel').eq(0);

        if (carousel_elem.length > 0) {

            var settings = carousel_elem.data('settings');

            carousel_elem.slick({
                arrows: arrows,
                dots: dots,
                infinite: true,

但是我无法启动上面的滑动滑块

carousel_elem.Swiper(
       '.cggowl-container', {

有什么方法可以这样做吗？

Answer 1

Swiper的初始化与Slick滑块的初始化不同。 它的设置对象中的属性名称也不同。

请查看Swiper's API documentation中的“初始化”部分。

从文档中：

var mySwiper = new Swiper('.swiper-container', {
    speed: 400,
    spaceBetween: 100
});

您可以通过创建一个新的Swiper对象并将其分配给变量来初始化Swiper。