Question

在FireFox 65.0.1（64位）中，BxSlider出现了奇怪的问题。

与Chrome或Edge相比，第一个问题滑块从错误的幻灯片开始。第二个问题是非常奇怪的行为，而不是将幻灯片1移动1（moveSlides：1），这是因为页面加载的滑块移动了3张幻灯片，然后将幻灯片1移动了1张。 Chrome或Edge没问题，一切正常。这是我的代码：

generateLabels: function(chart) {
    var data = chart.data;
    if (data.labels.length && data.datasets.length) {
        return data.labels.map(function(label, i) {
            var meta = chart.getDatasetMeta(0);
            var ds = data.datasets[0];
            var arc = meta.data[i];
            var custom = arc && arc.custom || {};
            var valueAtIndexOrDefault = helpers.valueAtIndexOrDefault;
            var arcOpts = chart.options.elements.arc;
            var fill = custom.backgroundColor ? custom.backgroundColor : valueAtIndexOrDefault(ds.backgroundColor, i, arcOpts.backgroundColor);
            var stroke = custom.borderColor ? custom.borderColor : valueAtIndexOrDefault(ds.borderColor, i, arcOpts.borderColor);
            var bw = custom.borderWidth ? custom.borderWidth : valueAtIndexOrDefault(ds.borderWidth, i, arcOpts.borderWidth);

            return {
                text: label,
                fillStyle: fill,
                strokeStyle: stroke,
                lineWidth: bw,
                hidden: isNaN(ds.data[i]) || meta.data[i].hidden,

                // Extra data used for toggling the correct item
                index: i
            };
        });
    }
    return [];
}

谢谢

Answer 1

如果没有有效的代码，很难分析您的问题。您可以创建一个jsfiddle示例吗？

从您提供的内容来看，我发现moveSlides: 1块的else参数不正确。 documentation指出：

moveSlides

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

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

BxSlider从FireFox中的错误幻灯片开始

1 个答案: