在Asp.net/MVC中向Owl Carousel 2动态添加项目列表

<div id="owl-carousel" class="owl-carousel"></div>

@{
    var projectList = ViewBag.ProjectList as List<Project>;
}

@foreach (var project in projectList)
{
    <div class="item">
        <h3>@project.Title</h3>
        <p>@project.Description</p>
    </div>
}

<script>
    $(document).ready(function () {
        $("#owl-carousel").owlCarousel({
            items: 3,
            loop: true,
            margin: 10,
            autoplay: true,
            autoplayTimeout: 3000,
            autoplayHoverPause: true,
            responsive: {
                0: {
                    items: 1
                },
                600: {
                    items: 2
                },
                1000: {
                    items: 3
                }
            }
        });
    });
</script>