В моем проекте я намерен иметь несколько подобных слайдеров, поэтому было бы интересно сделать их прототипом:
Чтобы установить управление ползунком, я хочу использовать "motorLabel". Я попытался добавить атрибут к слайдеру ниже, но он не находит атрибут. Можете ли вы, пожалуйста, помочь мне изменить код на подходящий прототип слайдера.
$(function() {
$('#svgbasics').svg({onLoad: drawOpenSwitch});
//Slider for Last:
$( "#slider" ).slider({
motorLabel: 'm1',
orientation: "horizontal",
range: "min",
min: 1,
max: 200,
value: 50,
change: function( event, ui ) {
$( "#amount" ).val( ui.value );
console.log(this.motorLabel); // RETURNS UNDEFINED
eval(this.motorLabel.motorSetLast(ui.value));
}
}).draggable();
$( "#amount" ).val( $( "#slider" ).slider( "value" ) );
Вместо этого вы можете передать аргумент html:
<div id="slider" data-motor-label="m1"></div>
И в вашей функции изменения:
$(this).data('motor-label');
Чтобы получить значение.
m1
?