带有动态项的owl-carousel

Question

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

@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>

我认为我必须捕获项id，并将其存储在一个动态数组中。然后，旋转木马将水平旋转项目。但是不能实现。