Question

我在网页加载上实现了一个猫头鹰轮播，并且按预期一次显示了2个项目。但是，我有一个Google地图，显示了经销商点击后的经销商位置，该项目应该添加到第二个位置。我只是使用拼接和想要使它与添加的项目一起显示。因此，我通过数组添加项目的逻辑，就像我之前所做的那样，我观察到轮播显示为垂直而不是水平显示一个项目。使它像以前一样显示。

var navBarLi;
    var navBarHtml;
    if(apz.PostLo.DealerDetails.bkpnavBarLiHtml && apz.PostLo.DealerDetails.bkpNavBarLi){

            navBarLi = apz.PostLo.DealerDetails.bkpNavBarLi;
            navBarHtml = apz.PostLo.DealerDetails.bkpnavBarLiHtml;


    }
    else{

     navBarLi = $("#PostLo__DealerDetails__ps_pls_7");

     apz.PostLo.DealerDetails.bkpNavBarLi = navBarLi;
     navBarHtml = navBarLi.html();
     apz.PostLo.DealerDetails.bkpnavBarLiHtml = navBarHtml;

    }

    const arrayOfNavBarLi = array.reduce((p,n)=>{
        p += navBarHtml;
        return p;
    }
    , "");

    navBarLi.html(arrayOfNavBarLi);


    array.forEach((object, index) => {

        for (key in object) {
            apz.PostLo.DealerDetails.manualBinding_assignValue(object, index, key,navBarLi);
        }
    }) 

    navBarLi.owlCarousel({
        navigation: true,
        items: 2,
        center: true,
        margin: 0,
        lazyLoad: true,
        dots: true
    });

    navBarLi.trigger('refresh.owl.carousel');

上面的代码读取组件并复制html和element并按数组元素进行迭代。单个表单包含具有相同id元素的元素。该组件在加载时称为owl carousel。在地图上单击发牌人时，全局声明的元素将重新分配给变量及其html内容。内容将像以前一样进行迭代并再次分配给owl-carousel.carousel显示为垂直而不是水平。

>

猫头鹰轮播显示为垂直而不是水平，并且缺少猫头鹰项

0 个答案: