@rusgayfer

Не работают динамически добавленные слайдеры, как исправить?

Добавляю динамические слайдеры, но они не работают. Если слайдер уже есть на странице (не динамический), то нормально работает. Как исправить? Еще 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');
      },
    });

  });
  • Вопрос задан
  • 37 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
16 мая 2024, в 23:36
200000 руб./за проект
16 мая 2024, в 23:10
12000 руб./за проект