jquery ui滑块上的滑块值
jquery ui slider value on slider
我很好奇是否有人有一个预先存在的解决方案,可以将滑块的值放在滑块本身的句柄中,超出以下范围:
$( "#slider-vertical" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
slide: function( event, ui ) {
$( "#amount" ).val( ui.value );
$(this).find('.ui-slider-handle').text(ui.value);
}
注意:这不会设置滑块的初始值,但我知道需要这样做。
试试这个
$(function(){
$( "#slider-vertical" ).slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
slide: function( event, ui ) {
$( "#amount" ).val( ui.value );
$(this).find('.ui-slider-handle').text(ui.value);
},
create: function(event, ui) {
var v=$(this).slider('value');
$(this).find('.ui-slider-handle').text(v);
}
});
});
演示。
如果您使用范围滑块单独设置每个滑块,则对此进行更新
$("#slider-vertical").slider({
range: true,
min:0,
max:500,
values:[1,300],
slide: function( event, ui ) {
$(ui.handle).text(ui.value);
},
create: function(event, ui) {
var v = $(this).slider('values');
var c = 0;
$(this).find('.ui-slider-handle').each(function(){
$(this).first().text(v[c]);
c++;
});
}
});
相关文章:
- jQuery UI自动完成突然停止工作
- Rails/JSON:如何将JSON用于jquery UI自动完成表单
- 停止jQuery UI滑块移动超过给定值
- Jquery UI自动完成无法工作
- jquery ui滑块上的滑块值
- jQuery UI可排序-多连接列表拖动
- 使用Jquery ui时滑块无法工作
- JQuery UI可拖动潜水与滚动棒到鼠标
- jQuery UI自动完成-修改问题
- JQuery UI日期选择器:在选择出发日期时自动弹出返回日期
- 阻止选项卡缓存jquery ui
- 将jQuery UI Timepicker Addon与React一起使用
- 如何在页面重新加载时显示jquery ui对话框
- jquery ui自动完成导致标头错误
- jquery UI draggable:UI.children不是一个函数
- 在JQuery UI Accordion Sortable中使用touchpunch无法正确使用touch
- Jquery UI对话框不会消失
- jQuery UI对话框错误,按钮导致HierarchyRequestError
- jQuery UI使用json文件自动完成
- 如何从内部销毁jQuery UI小部件's原型