猫头鹰旋转木马2个随机功能

pjngdqdw 于 2022-11-03 发布在 jQuery

关注(0)|答案(3)|浏览(134)

有没有办法在猫头鹰旋转木马2使国王随机功能。我需要页面上的幻灯片随机加载。
之前在老猫头鹰旋转木马版本我这样做：

$(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);
        }
    });
});

在猫头鹰旋转木马2中，如何以最好的方式做到这一点？

jquery

来源：https://stackoverflow.com/questions/28283603/owl-carousel-2-random-function

3条答案

按热度按时间

g52tjvyc1#

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

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 docs。

赞(0）回复(0）举报 2022-11-09

d6kp6zgx2#

出于某种原因，AdmireNL的答案给我的iOS设备带来了问题，但对其他所有设备都很好用。不知道为什么会这样，但我用下面列出的第一个答案解决了我的问题：How to randomly sort list items?
我的最终代码：

$.fn.randomize = function(selector){
  var $elems = selector ? $(this).find(selector) : $(this).children(),
  $parents = $elems.parent();

  $parents.each(function(){
    $(this).children(selector).sort(function(){
        return Math.round(Math.random()) - 0.5;
    }).detach().appendTo(this);
  });

  return this;
};

var slider = $('#slider');
slider.owlCarousel({
    onInitialize : function(){
        $(slider).randomize();
    }
});

赞(0）回复(0）举报 2022-11-09

6uxekuva3#

我不能让这个为我的生活工作，所以我所做的，而不是随机化的图片在我的html与这个JS函数之前，我的carousel JS代码.随机化器代码，我发现在stackoverflow：

let ul = document.querySelector('#slider');
for (var i = ul.children.length; i >= 0; i--) {
  ul.
appendChild(ul.children[Math.random() * i | 0]);
}

赞(0）回复(0）举报 2022-11-09

我来回答

猫头鹰旋转木马2个随机功能

3条答案

相关问题

热门标签

最新问答