为什么jcarousel中的控制按钮不工作

Why control buttons in jcarousel not working?

本文关键字:按钮 工作 控制 jcarousel 为什么      更新时间:2023-09-26

我想使用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)不工作,以及如何使它们工作?

为我工作的代码。

包括jquery.jcarousel-control.jsjquery.jcarousel-control.min.js 的第一次检查

第二次检查控制元素的类名(在代码中为jcarousel-prev)。在js和html中检查名称。