Jquery ui 如何让jQuery UI滑块使用非数值?
我已经阅读了API文档,所有内容都涉及数字 是否可以将滑块设置为非数字滑块(例如1月至12月),以及我将如何执行此操作/是否有任何示例?请参见此处的工作原理Jquery ui 如何让jQuery UI滑块使用非数值?,jquery-ui,Jquery Ui,我已经阅读了API文档,所有内容都涉及数字 是否可以将滑块设置为非数字滑块(例如1月至12月),以及我将如何执行此操作/是否有任何示例?请参见此处的工作原理 $(function () { var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; $('#slider
$(function () {
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
$('#slider').slider({
min: 0,
max: 11,
step: 1,
create: function (event, ui) {
$('#selectedMonth').text(months[0]);
},
slide: function (event, ui) {
$('#selectedMonth').text(months[ui.value]);
}
});
});
关于您的几个月的示例,创建数组将是一种简单的方法。使用幻灯片事件,您可以轻松地使用ui.value值选择数组的元素。要不允许任何月份大于12的选择,请使用max选项并将其设置为11。min当然是0,因为数组以索引0开头
我刚刚添加了create事件,以在用户首次使用滑块前一个月填充selectedMonth范围
为完整起见,文件参考:
看到这个了吗
$(function () {
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
$('#slider').slider({
min: 0,
max: 11,
step: 1,
create: function (event, ui) {
$('#selectedMonth').text(months[0]);
},
slide: function (event, ui) {
$('#selectedMonth').text(months[ui.value]);
}
});
});
关于您的几个月的示例,创建数组将是一种简单的方法。使用幻灯片事件,您可以轻松地使用ui.value值选择数组的元素。要不允许任何月份大于12的选择,请使用max选项并将其设置为11。min当然是0,因为数组以索引0开头
我刚刚添加了create事件,以在用户首次使用滑块前一个月填充selectedMonth范围
为完整起见,文件参考: