从滑块jquery ui中的元素数据属性设置自定义值

用户名

我需要在创建滑块时设置其值,该怎么做?例子:

<div class="slider" data-min-value="0"  data-max-value="120"><input type="range"></div>





$('.slider').slider({
            range: true,
            create: function(event, ui) {
                console.log($(this).data('minValue'));
                ui.values[0] = $(this).data('minValue');
                ui.values[1] = $(this).data('maxValue');
            },
})

但是ui是空的。

阿德内

ui.values阵列只是一个说法,改变它不会改变滑块的设置。

您可以这样更改设置

$('.slider').slider({
    range: true,
    create: function (event, ui) {
        $(this).slider( "option", "max", $(this).data('maxValue') );
        $(this).slider( "option", "min", $(this).data('minValue') );
    }
});

请注意,您通常只在实例化时执行此操作

$('.slider').each(function() {
    $(this).slider({
        max: $(this).data('maxValue'),
        min: $(this).data('minValue')
    });
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从滑块jquery ui中的元素数据属性设置自定义值

来自分类Dev

jQuery滑块UI问题

来自分类Dev

jQuery UI滑块定位

来自分类Dev

水平JQuery UI滑块

来自分类Dev

jQuery滑块UI问题

来自分类Dev

捕获jQuery滑块的值

来自分类Dev

捕获jQuery滑块的值

来自分类Dev

获取滑块的值jQuery

来自分类Dev

自定义jquery / js滑块动画

来自分类Dev

集成自定义 jQuery 滑块

来自分类Dev

我的自定义 jquery 滑块问题

来自分类Dev

如何为自定义垂直滑块Jquery设置动画

来自分类Dev

如何为自定义垂直滑块Jquery设置动画

来自分类Dev

jQuery UI滑块值未定义

来自分类Dev

jQuery从值设置自定义属性

来自分类Dev

使用幻灯片功能中的jQuery ui参数的jQuery自定义滑块(?)

来自分类Dev

使用幻灯片功能中的jQuery ui参数的jQuery自定义滑块(?)

来自分类Dev

jQuery UI滑块禁用部分

来自分类Dev

jQuery UI滑块旋钮消失

来自分类Dev

jQuery UI非线性滑块

来自分类Dev

jQuery UI 滑块步骤问题

来自分类Dev

jQuery更改Bootstrap滑块的值

来自分类Dev

jQuery滑块默认值

来自分类Dev

jQuery分别更改滑块值

来自分类Dev

jQuery ui滑块具有通用类的多个滑块事件

来自分类Dev

范围滑块:jQuery会更改值,但滑块不会移动

来自分类Dev

jQuery UI滑块值计算为div

来自分类Dev

jQuery UI滑块更改“最大”值

来自分类Dev

jQuery UI滑块逗号分隔值