Material Design Lite滑块更新

问题描述 投票:1回答:1

我一直在尝试使用MDL sliders来建立我的网站,但出现问题。一切正常,但是,当我尝试通过JQuery更改滑块的值时,滑块的“条”不同步,正如您在此处看到的那样:

enter image description here

或“蓝色圆圈”未着色(请注意,默认值是禁用滑块颜色的最小值,并且在我更新滑块时,它不会放回颜色):

enter image description here

我用于更改滑块值的代码:

  $("#mySlider").val(10);

但是它不会更新图形部分,只会更新值。

这是处理条形颜色的属性:

enter image description here

最小可复制示例:

要重现此内容,请插入具有默认值的slider,然后使用上述javascript代码更改该值。

javascript jquery material-design-lite
1个回答
0
投票

您必须更改Value属性而不是Input的val。使用此:

  $("#mySlider").attr("value", "4");
© www.soinside.com 2019 - 2024. All rights reserved.