Реагировать на событие начальной загрузки карусели onSelect - PullRequest
Новая
       7

Реагировать на событие начальной загрузки карусели onSelect

0 голосов
/ 08 февраля 2019

В jquery с использованием event.currentTarget, чтобы получить элементы следующего слайда, чтобы увидеть, существует ли атрибут и заменить его другим, и в конце удалить прослушиватель событий, когда все атрибуты (фон данных) ползункабыли заменены. 

$(this).on('slide.bs.carousel', function (event) {
    var nextSlider = event.relatedTarget;
    if(typeof $(nextSlider).attr('data-background') != 'undefined'){
        $(nextSlider).attr("style",'cursor:pointer; '+'background:'+$(nextSlider).attr('data-background')+" no-repeat center center");
        $(nextSlider).removeAttr('data-background');
    }
    if($(this).find('.item[data-background]').length==0){
        $(this).off('slide.bs.carousel');
    }
});

Теперь, используя карусель начальной загрузки реакции, вы хотите получить следующие элементы карусели при ее скольжении (как в примере выше), где имя события, которое запускает, равно onSelect , но не знаю, как называется метод для события, эквивалентного event.currentTarget ?? 

  handleSelect(selectedIndex, event) {
    console.log('carousel new slide....');

    var nextSlider = event.currentTarget;
    if(typeof nextSlider.attributes.getNamedItem('data-src') != 'undefined'){
      console.log('haves data-src');
    }else{
      console.log('doesn\'t haves data-src');
    }
}

1 Ответ

0 голосов
/ 08 февраля 2019

Изменено для использования в handleSelect(selectedIndex, event) selectedIndex для обновления состояния компонента и повторного рендеринга с элементами следующего слайда карусели с атрибутом src.

...