30.08.2016, 15:45
|
Интересующийся
|
|
Регистрация: 30.08.2016
Сообщений: 11
|
|
Помогите вывести значения из слайдеров
Добрый день! Пересмотрел кучу примеров слайдеров, но так как у меня их в коде планируется ооочень много не охота возиться и отрисовывать каждый отдельно. В общем, сделал отрисовку слайдеров циклом, а вот значения вывести никак не получается. Значения будут в дальнейшем использоваться, каждый слайдер будет задавать параметр для расчета. Подкиньте плиз идеи, кто как видит решение задачи.
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>
|
|
30.08.2016, 15:58
|
Профессор
|
|
Регистрация: 07.11.2013
Сообщений: 4,662
|
|
Алмат, у тебя id одинаковые (строки 43 и 47) и значения одинаковые везде (min, max, value), поэтому ты не видишь разницы...
|
|
30.08.2016, 16:03
|
Интересующийся
|
|
Регистрация: 30.08.2016
Сообщений: 11
|
|
ага, спасибо, есть такое, но у меня не с этим проблема, проблема с выводом самих значений слайдеров, пробовал по обычной схеме slide: function( event, ui ) {$( "#slider-result" ).html( ui.value );} и вывод в инпут, но для итерации это не подходит
|
|
30.08.2016, 16:08
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,068
|
|
Сообщение от Алмат
|
но для итерации это не подходит
|
подходит, какие проблемы?
|
|
30.08.2016, 16:15
|
Профессор
|
|
Регистрация: 07.11.2013
Сообщений: 4,662
|
|
Алмат, и на jquery правильно так писать:
$(function() {
$.each({
'slidercv': {
min: 0,
max: 100,
value: 50
},
'slidercs': {
min: 0,
max: 100,
value: 50
},
'slidercd': {
min: 0,
max: 100,
value: 50
}
}, function(id, params) {
$('#'+ id).slider(params);
});
});
|
|
30.08.2016, 16:17
|
Интересующийся
|
|
Регистрация: 30.08.2016
Сообщений: 11
|
|
рони,
пробовал сделать так, сам понимаю, что фигня полная, цикл в цикле -бред, но не хватает знаний, это моя первая пробная задачка. Ну а так значение выдается во все инпуты с последнего действия одинаковое
$(function() {
for (index in obj){
$('#'+obj[index].name).slider({
value: obj[index].value,
max: obj[index].max,
min: obj[index].min,
slide: function(event, ui) {
$('#'+obj[index].itog).val(ui.value).trigger("change");
}
})
}
for (index in obj){
$('#'+obj[index].itog).val($('#'+obj[index].name).slider("value"));
}
});
|
|
30.08.2016, 16:18
|
Интересующийся
|
|
Регистрация: 30.08.2016
Сообщений: 11
|
|
Rise,
спасибо, похоже это решит мою проблему
|
|
30.08.2016, 16:34
|
Интересующийся
|
|
Регистрация: 30.08.2016
Сообщений: 11
|
|
ох черт, все равно не понимаю, как теперь забрать значения из слайдеров
|
|
30.08.2016, 16:58
|
Профессор
|
|
Регистрация: 07.11.2013
Сообщений: 4,662
|
|
Алмат, куда забрать?
|
|
30.08.2016, 17:07
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,068
|
|
Алмат,
попробуйте описать что вы хотите делать с значениями?
заведите массив -- каждый слайдер меняет только свою ячейку после этого идёт обработка массива -- всё вся функция что бы вы там не придумали.
|
|
|
|