我正在使用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
OWL旋转木马 demo >
如何添加类函数在OWLCarousel的lazyLoaded之后执行?
最佳答案
试试这个:
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 4,
lazyLoad : true,
navigation : true,
afterLazyLoad: function(elem){
$(elem).addClass("border-red");
}
});
});
这里afterLazyLoad
是一个回调函数
关于javascript - 在 LazyLoad 之后在 OWL Carousel 上添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32845926/