owl-carousel与动态项目

时间:2016-12-18 09:13:46

标签: jquery asp.net-mvc-5 owl-carousel jcarousel

我正在尝试制作一个猫头鹰旋转木马。我将从管理面板添加项目。它会自动将这些项目添加到轮播中。

@for (int a = 0; a < Model.Count; a += 1)
            {
                <div class="owl-carousel owl-theme">
                    @if (Model.Count > a)
                    {
                        <div class="item-box item">
                            @Html.Partial("_ProductBox", Model[a])
                        </div>
                    }


                </div>

                <script>
                $(document).ready(function() {
                    var owl = $('.owl-carousel');
                    owl.owlCarousel({
                        items: 3,
                        loop: true,
                        margin: 10,
                        autoplay: true,
                        autoplayTimeout: 1000,
                        autoplayHoverPause: true
                    });

                })
                </script>
            }
        </div>

我想我必须捕获item id并且必须存储在动态数组中。然后轮播将水平旋转项目。但无法实施。

1 个答案:

答案 0 :(得分:0)

您是否尝试制作多个旋转木马?我觉得你想要渲染一个项目列表并将它们显示为旋转木马?所以你想要的东西如下:

{{1}}