Как применять IonRangeSlider только что генерированным полям?

Question

[tester]

Есть вот такая форма с возможностью генерировать поля, генерировать input'ы могу, но как одновреммено с генерированием применять(или как там;) библиотеку IonRangeSlider? Есть ли что-то типо delegate() для такого случая?

$(".range1").ionRangeSlider({
		min: 0,
		max: 100,
		step: 0.1
	});

Comments

[sim3x]

Денис Инешин ping

[tester]

sim3x, можно чуть подробнее?

Answer 1

[0xD34F]

Есть ли что-то типо delegate() для такого случая?

Нет.

У вас же наверное есть какое-то событие, возникающее при изменении формы (добавлении новых элементов, удаление существующих и т.п.) - вот в его обработчике и инициализируйте новые слайдеры. На крайняк - в обработчике клика по кнопке добавления новых элементов.

Comments

[tester]

Пробовал при клике вызывать функцию, но не работало. Может я не так написал функцию?

$.fn.AddRange = function() {
		$('range').ionRangeSlider({
			min: 0,
			max: 100,
			step: 0.1
		});
	};

Событие:

$('.landing-add-button-landing').on('click', function (event) {
		AddRange();
		event.preventDefault();
	});

[0xD34F]

tokmaganbet,

$('range')

Что такое range? Может, это всё-таки должен быть класс?

Почему я не вижу никакого кода, который бы позволял НЕ вызывать ionRangeSlider для элементов, добавленных ранее?

Почему вы засовываете метод AddRange в $.fn, а вызывать его пытаетесь, будто он глобальный?

[tester]

0xD34F,

$('.landing-add-button-landing').on('click', function (event) {
		i = 1;
		$(this).parent().parent().find('.more--inner-page').each(function() {
			i = i + 1;
		});
		$.fn.AddRange = function() {
			$('.range-landing' + i).ionRangeSlider({
				min: 0,
				max: 100,
				step: 0.1
			});
		}; 
		$(this).parent().append('Тут длинный код с самим input'ом...');
		AddRange();
		event.preventDefault();
	});

Но почему не находит функцию?
Выдаёт: Uncaught ReferenceError: AddRange is not defined

[0xD34F]

tokmaganbet,

почему не находит функцию?

В ответ могу только процитировать сам себя:

Почему вы засовываете метод AddRange в $.fn, а вызывать его пытаетесь, будто он глобальный?

А что до кода - вместо вот этой вот дичи с i = i + 1 попробуйте освоить такую штуку как :last, например.

Answer 2

[Денис Инешин]

Привет, вы можете без проблем динамически создавать экземпляр слайдера, смотрите демо:
ionden.com/a/plugins/ion.rangeSlider/demo_interact...

Т.е. последовательность действий простая:
1. Создаем инпут
2. Запоминаем ссылку на него в jquery-переменную
3. Запускаем слайдер для этой переменной