Добавляю динамические слайдеры, но они не работают. Если слайдер уже есть на странице (не динамический), то нормально работает. Как исправить? Еще
value
не правильно выводит, если таких виджетов несколько
<div class="form-group">
<div class="col-lg-5 control-label">Округлить края:</div>
<div class="col-lg-6">
<div class="slider handleValue rotateAngleSlider" data-border-radius="figura_check'.$id.'">
<div class="ui-slider-handle">'.$figura['rounding'].'</div>
<input type="hidden" data-border-radius="figura_check'.$id.'" name="rounding_figura[]" value="'.$figura['rounding'].'">
</div>
</div>
</div>
</div>
$(function() {
// Округление
$('.rotateAngleSlider').slider({
min: 0,
max: 100,
value: parseInt($('.rotateAngleSlider').find('input').val(), 10) || 0,
slide: function( event, ui ) {
var data = $(this).data('border-radius');
$('[data-border-radius='+ data +']').find('.ui-slider-handle').text( ui.value );
$('[data-border-radius='+ data +']').val(ui.value);
$('[data-photo='+ data +']').css('border-radius', ui.value + 'px');
},
});
});