我一直在尝试使用MDL sliders来建立我的网站,但出现问题。一切正常,但是,当我尝试通过JQuery更改滑块的值时,滑块的“条”不同步,正如您在此处看到的那样:
或“蓝色圆圈”未着色(请注意,默认值是禁用滑块颜色的最小值,并且在我更新滑块时,它不会放回颜色):
我用于更改滑块值的代码:
$("#mySlider").val(10);
但是它不会更新图形部分,只会更新值。
这是处理条形颜色的属性:
最小可复制示例:
要重现此内容,请插入具有默认值的slider,然后使用上述javascript代码更改该值。
您必须更改Value属性而不是Input的val。使用此:
$("#mySlider").attr("value", "4");