Добрый день! Пересмотрел кучу примеров слайдеров, но так как у меня их в коде планируется ооочень много не охота возиться и отрисовывать каждый отдельно. В общем, сделал отрисовку слайдеров циклом, а вот значения вывести никак не получается. Значения будут в дальнейшем использоваться, каждый слайдер будет задавать параметр для расчета. Подкиньте плиз идеи, кто как видит решение задачи.
let obj= {
cv: {
min: 0,
max: 100,
value: 50,
name: 'slidercv',
},
cs: {
min: 0,
max: 100,
value: 50,
name: 'slidercs',
},
cd: {
min: 0,
max: 100,
value: 50,
name: 'slidercd',
},
};
let index;
$(function() {
for (index in obj){
$('#'+obj[index].name).slider({
value: obj[index].value,
max: obj[index].max,
min: obj[index].min,
})
}
})
</script>
</head>
<body>
<table>
<tr>
<td>требуемый объем цемента</td>
<td><div id="slidercv" ></div></td> <
</tr>
<tr>
<td>компонент1</td>
<td><div id="slidercv" ></div></td> <
</tr>
<tr>
<td>компонент2</td>
<td><div id="slidercd" ></div></td> <
</tr>
</table>
</body>
</html>