Здравствуйте!
Возникла проблема - необходимо сделать 10 слайдеров, при этом при перемещении любого ползунка над ним должен меняться текст соответственно. По одиночке я всё реализовал, но хочется сделать массивом. Вот так всё работает:
$(document).ready(function() {
$( ".slider_1" ).slider({
animate: true,
range: "min",
value: 50,
min: 0,
max: 100,
step: 1,
slide: function( event, ui ) {
$( ".slider-result_1" ).html( ui.value );
}
});
})
А вот так только у последнего текст меняется.
$(document).ready(function() {
for (var i = 1; i <= 10; i++) {
var slider_num = ".slider" + "_" + i;
var slider_result = ".slider-result" + "_" + i;
$( slider_num ).slider({
animate: true,
range: "min",
value: 50,
min: 0,
max: 100,
step: 1,
slide: function( event, ui ) {
$( slider_result ).html( ui.value );
}
});
};
})
В чём причина? Ведь по идее каждое событие slide приписывается новому слайдеру.
Спасибо.
