javascript - 如何设置生成 slider 的输入的默认值？

Question

我有以下代码显示一个 slider ，用户可以在其中选择 3 个选项:淡色、中色或深色

 <input id="concentration" type="text"
                            data-provide="slider"
                            data-slider-ticks="[1, 2, 3]"
                            data-slider-ticks-labels='["pale", "medium", "deep"]'
                            data-slider-min="1"
                            data-slider-max="3"
                            data-slider-step="1"
                            data-slider-tooltip="hide" />

如果未触摸 slider ，如何设置默认值？目前，如果 slider 未被触摸，它将通过 javascript 获得的值将为 3，这是最大值。我想将其默认设置为 1。谢谢

Answer 1

尝试使用 data-slider-val 或 data-slider-value 属性。

在你的情况下它看起来像这样:

<input id="concentration" type="text"
                            data-provide="slider"
                            data-slider-ticks="[1, 2, 3]"
                            data-slider-ticks-labels='["pale", "medium", "deep"]'
                            data-slider-min="1"
                            data-slider-max="3"
                            data-slider-step="1"
                            data-slider-tooltip="hide"
                            data-slider-value="1"
 />

---

如果我没记错的话，您正在使用 Slider for Bootstrap。

如果我没看错你可以访问this演示页面了解更多信息。