BxSlider在FireFox中的错误幻灯片上启动

Question

我在FireFox 65.0.1（64位）中遇到了BxSlider的奇怪问题。

与Chrome或Edge相比，第一个问题滑块在错误的幻灯片上开始。第二个问题是非常奇怪的行为，而不是一个接一个地移动幻灯片（moveSlides：1），当页面加载滑块移动3个幻灯片并且将幻灯片1移动1之后应该如此。在Chrome或Edge中没有问题，一切都很完美。这是我的代码：

        jQuery(window).on('load', function () {
        var spen = $('.slider-one').show().bxSlider();
            var widthMatch = matchMedia("all and (max-width: 767px)");
            var widthHandler = function(matchList) {
                if (matchList.matches) {
                spen.reloadSlider({
                auto: true,
                autoControls: true,
                speed: 1000,
                slideSelector: '.items',
                minSlides: 1,
                maxSlides: 1,
                moveSlides: 1,
                slideWidth: 450,
                slideMargin:10,
                responsive:true,
                adaptiveHeight: true,
                pause: 10000,
                preloadImages: 'all'
                    })
                } else {
                spen.reloadSlider({
                auto: true,
                autoControls: true,
                autoHover: true,
                speed: 3000,
                slideSelector: '.items',
                minSlides: 3,
                maxSlides: 3,
                moveSlides: 1,
                slideWidth: 600,
                slideMargin:3,
                responsive:false,
                adaptiveHeight: false,
                pause: 5000,
                preloadImages: 'all'
                    })
                }
            };
            widthMatch.addListener(widthHandler);
            widthHandler(widthMatch);
           });         

谢谢

Answer 1

没有工作代码很难分析你的问题。你能创建一个jsfiddle示例吗？

根据您提供的内容，我看到moveSlides: 1块的else参数不正确。 documentation说：

moveSlides

转换时要移动的幻灯片数量。该值必须> = minSlides，并且<= maxSlides。如果为零（默认），将使用完全可见的幻灯片数。

这可以解释为什么它会在页面加载时移动3张幻灯片