Как запустить инициализацию js слайдера после обновления куска dom?

Question

[Hy_ok]

Используется вертикальный слайдер thumbelina вот ссылка на него, в общем, такая фишка, магазин на опенкарте, но это не имеет значение, при выборе цвета, у нас загружается новый блок с изображениями, как раз где стоит этот слайдер, слайдер почему то не хочет по новой запускаться после того как я заменяю кусок кода html вверстка идентична, что новая что старая, вот, суть вопроса вот в чем, как запустить этот гребаный скрипт слайдера, что бы он начал работать?

Answer 1

[OKyJIucT]

https://developer.mozilla.org/ru/docs/Web/API/Muta...

Либо добавьте код инициализации слайдера в функцию JS, которая изменяет цвет. Вариантов много, надо пробовать.

Comments

[Hy_ok]

код инициализации вставлял, не срабатывает почему то

[OKyJIucT]

Hy_ok, код покажите, куда вставляли и как

[Hy_ok]

OKyJIucT,
первоначальная инициализация скрипта просто в конце страницы стоит

$('#slider3').Thumbelina({
    orientation:'vertical',         // Use vertical mode (default horizontal).
    $bwdBut:$('#slider3 .top'),     // Selector to top button.
    $fwdBut:$('#slider3 .bottom')   // Selector to bottom button.
});

это уже дописанная функция, вот после того как вставляется кусок кода html в блок, идите повторная инициализация, но она не срабатывает

function getImageOptionProduct(idOption){
    jQuery("#thumbnails").load('index.php?route=product/product/getImageOptionProduct', {"idOption":idOption} );	
     $('#slider3').Thumbelina({
        orientation:'vertical',         // Use vertical mode (default horizontal).
        $bwdBut:$('#slider3 .top'),     // Selector to top button.
        $fwdBut:$('#slider3 .bottom')   // Selector to bottom button.
    });
}

[OKyJIucT]

Hy_ok, попробуйте так, возможно, данные не успевают прогрузиться до того, как слайдер запускаем.

function getImageOptionProduct(idOption){
    jQuery("#thumbnails").load('index.php?route=product/product/getImageOptionProduct', {"idOption":idOption}, function() {
		$('#slider3').Thumbelina({
			orientation:'vertical',         // Use vertical mode (default horizontal).
			$bwdBut:$('#slider3 .top'),     // Selector to top button.
			$fwdBut:$('#slider3 .bottom')   // Selector to bottom button.
		});
	});
}

[Hy_ok]

OKyJIucT, действительно))) спасибо)) сработало)))