Jquery ui 从html数据属性设置jQuery ui滑块参数

我想在html数据参数中嵌入滑块范围的最大值。我做了一些调试，尽管数据可以访问并且是一个数字，但滑块仍然使用默认的最大值100

我的HTML：

<div class="slider" data-max="10"></div>
<label for="slider_value">Slider Value:</label>
<input type="text" id="slider_value" />

---

当计算

slider（）

的参数对象时，

此

是对

文档

对象的引用，而不是

div.slider

。您需要再次查找

div.slider

，或者保存对它的引用（）：

使用jQuery UI事件with方法动态设置选项：

$（文档）.ready（函数（）{
$（'div.slider'）。滑块({
分:0,，
创建：函数（事件、用户界面）{
$（this）.slider（'option'，'max'，$（this）.data（'max'）；
},
幻灯片：功能（事件、用户界面）{
$（“输入#滑块_值”）.val（ui.value）；
}
});
});使用多个滑块时，此解决方案更好
$(document).ready(function () {
    $("div.slider").slider({
        min: 0,
        max: $(this).data("max"),
        slide: function (event, ui) {
            $("input#slider_value").val(ui.value);
        }
    });
});

$(document).ready(function () {
    var div = $("div.slider");
    div.slider({
        min: 0,
        max: div.data("max"),
        slide: function (event, ui) {
            $("input#slider_value").val(ui.value);
        }
    });
});