slick.js 幻灯片的宽度在哪里计算？答案

【问题标题】：Where is the width of a slick.js slide calculated?slick.js 幻灯片的宽度在哪里计算？
【发布时间】：2017-09-25 09:41:09
【问题描述】：

我曾尝试使用 slick 初始设置 'variableWidth: true'，但随后轮播容器 (.slick-track) 设置为 20000px 宽且不响应屏幕宽度，因此每张幻灯片的宽度不响应要么。 所以，明确地说，'variableWidth: true' 对我没有用。

我在这里看到了问题：

这里：

但我不想将每张幻灯片的宽度设置为固定的像素量；他们需要做出反应。

我真的很想知道幻灯片的宽度是在哪里计算的，当“variableWidth”保留为默认值“false”时；轮播非常接近正确（每张幻灯片只需稍微宽一点）。我一直在查看 slick.js 插件，但找不到对作为 css 应用的“宽度”的引用。

插件中有几个对“px”的引用，但这些都与填充或位置有关。

有谁知道在“slick.js”代码中的何处或如何计算轮播幻灯片的宽度，当“variableWidth”设置为 false 时？

谢谢。

【问题讨论】：

【解决方案1】：

也许这对其他人有帮助，如果对你来说为时已晚。我刚刚深入研究了代码，因为我也在寻找这个。

每张幻灯片的宽度在setDimensions() 函数的最后一行设置。（光滑 1.8.1）

if (_.options.variableWidth === false)
    _.$slideTrack.children('.slick-slide').width(_.slideWidth - offset);

【讨论】：