Question

我想在 JsCarousel 滑块中使用控制按钮。

在我的代码中，我为初始化轮播创建了函数：

<script type="text/javascript">
    function InitializationJsCarousel(obj){

                var carousel = $(obj).jcarousel({
                    // Core configuration goes here
                });

                $(obj)
                    .on('jcarousel:create jcarousel:reload', function() {
                        var element = $(this),
                            width = element.innerWidth();

                        // This shows 1 item at a time.
                        // Divide `width` to the number of items you want to display,
                        // eg. `width = width / 3` to display 3 items at a time.
                        width = width / 3;
                        element.jcarousel('items').css('width', width + 'px');
                    })
                    .jcarousel({
                        // Core configuration goes here
                    });

                    $('.jcarousel-prev').jcarouselControl({
                        target: '-=1',
                        carousel: carousel
                    });

                    $('.jcarousel-next').jcarouselControl({
                        target: '+=1',
                        carousel: carousel
                    });
            }


$(function(){

...
   InitializationJsCarousel('.jcarousel');
...
});

</script>

但我可以看到jcarouselControl无效。我看到控制台，但找不到错误。这是因为控制按钮不起作用......

请告诉我为什么控制按钮（jcarouselControl）无法工作以及如何使它们工作？

Answer 1

代码为我工作。

首先检查包含jquery.jcarousel-control.js或jquery.jcarousel-control.min.js

的内容

第二次检查控件元素的类名（在代码中jcarousel-prev）。检查js和html中的名称。

为什么控制jcarousel中的按钮不起作用？

1 个答案: