猫头鹰传送带2随机功能 [英] Owl Carousel 2 random function

问题描述

在Owl Carousel 2中有一种方法可以使国王具有随机功能.我需要页面上的幻灯片随机加载.

Is there a way in Owl Carousel 2 make a king random function. I need the slides on the page to load randomly.

在较旧的Owl Carousel版本中，我是这样进行的:

Before in the older Owl Carousel version I did it this way:

$(document).ready(function () {

    //Sort random function
    function random(owlSelector) {
        owlSelector.children().sort(function () {
            return Math.round(Math.random()) - 0.5;
        }).each(function () {
            $(this).appendTo(owlSelector);
        });
    }

    $(".feedback").owlCarousel({
        autoPlay: 5000,
        slideSpeed: 200,
        items: 1,
        itemsDesktop: [1199, 1],
        itemsDesktopSmall: [979, 1],
        itemsTablet: [768, 1],
        itemsMobile: [479, 1],
        autoHeight: true,

        //Call beforeInit callback, elem parameter point to $(".feedback")
        beforeInit: function (elem) {
            random(elem);
        }
    });
});

如何在Owl Carousel 2中以最佳方式完成此操作?

How can this be done in the best way in Owl Carousel 2?

推荐答案

您必须使用新的onInitialize回调，如下所示:

You have to use the new onInitialize callback, like this:

var owl = $('.owl-carousel');
owl.owlCarousel({
    onInitialize : function(element){
        owl.children().sort(function(){
            return Math.round(Math.random()) - 0.5;
        }).each(function(){
            $(this).appendTo(owl);
        });
    },
});

在 2.x文档中查找更多信息..

Find more information in the 2.x docs.

这篇关于猫头鹰传送带2随机功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！