Question

尝试构建将推荐产品添加到owl carousel的电子商务网站的功能。目前，所有4种产品都将归入1个轮播div中。

是否可以将每个产品同步添加到其自己的owl-item类的div中？

<script type="text/javascript">
    (function (d) {
        if (document.addEventListener) document.addEventListener('ltkAsyncListener', d);
        else {
            e = document.documentElement; e.ltkAsyncProperty = 0; e.attachEvent('onpropertychange', function (e) {
                if (e.propertyName == 'ltkAsyncProperty') { d(); }
            });
        }
    })(function () {
        /********** Begin Custom Code **********/
        _ltk.Recommender.Render();
        /********** End Custom Code **********/
    });
</script>

请参见JSFiddle https://jsfiddle.net/czkrfga4/

Answer 1

好，准备要在幻灯片上显示的内容，假设图片，价格和说明因此，在将其添加到轮播之前，请按如下所示创建幻灯片

    var slide = $('div.item');
    var img  = $('img').attr('src','http://...');
    slide.append(img);
    var descr = $('p').text('I am a description here..');
    slide.append(descr);
    var price = '$3.3';
    slide.append($('div').append(price));
    //and then add this slide object to your carousel container with 
    $('owl-carousel').append(slide);
    //Hopeful this will give you some light

如何将HTML同步添加到轮播中

1 个答案: