添加类OWL的旋转木马afterLazyLoad

Question

我使用OWL Carousel，试图lazyLoad后添加.border-red类<div class="item">，意味着调用这个函数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是一个回调函数