Добавить класс по OWL Carousel afterLazyLoad

Question

Я использую OWL Carousel, пытаясь добавить класс .border-red к <div class="item"> после LazyLoad, значит вызвать эту функцию после того, как LazyLoad afterLazyLoad

Пример: $(".item").addClass("border-red"); когда лениво загрузится. Средство добавляет функцию класса после выполнения OWLCarousel lazyLoaded.

JS

$(document).ready(function() { 

$("#owl-demo").owlCarousel({ 
items : 4, 
lazyLoad : true, 
navigation : true 
}); 

}); 

HTML

<div id="owl-demo" class="owl-carousel"> 
    <div class="item"><img class="lazyOwl" data-src="assets/owl1.jpg" alt="Lazy Owl Image"></div> 
    <div class="item"><img class="lazyOwl" data-src="assets/owl1.jpg" alt="Lazy Owl Image"></div> 
    <div class="item"><img class="lazyOwl" data-src="assets/owl2.jpg" alt="Lazy Owl Image"></div> 
    <div class="item"><img class="lazyOwl" data-src="assets/owl3.jpg" alt="Lazy Owl Image"></div> 
    <div class="item"><img class="lazyOwl" data-src="assets/owl5.jpg" alt="Lazy Owl Image"></div> 
</div> 

Вот OWLCarousel Options and Callbacks
OWLCarousel demo>
Как addclass функции выполняются после вывода WLCarousel lazyLoaded?

Answer 1

попробовать это:

$(document).ready(function() { 

    $("#owl-demo").owlCarousel({ 
     items : 4, 
     lazyLoad : true, 
     navigation : true, 
     afterLazyLoad: function(elem){ 
      $(elem).addClass("border-red"); 
     } 
    }); 

}); 

Здесь afterLazyLoad является функцией обратного вызова