貓頭鷹旋轉木馬動態項目

我想做一個貓頭鷹旋轉木馬。我將從管理面板添加項目。它會自動將這些項目添加到傳送帶中。貓頭鷹旋轉木馬動態項目

@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並且必須存儲在一個動態數組中。然後，傳送帶將水平旋轉物品。但不能實現。

來源

2016-12-18 Nafeeur Rahman

那麼你的問題是什麼？你期望發生什麼以及實際發生了什麼？你得到什麼錯誤？ –

實際上沒有錯誤。項目不顯示在旋轉木馬上。他們正在垂直。 –

我已經添加了我的想法。 –

您是否在嘗試創建多個輪播？我覺得你可能想渲染一個項目列表並將它們顯示爲旋轉木馬？所以你想要的東西如下：

<div class="owl-carousel owl-theme"> 
    @foreach(var m in Model) { 
     <div class="item-box item"> 
      @Html.Partial("_ProductBox", m) 
     </div> 
    } 
</div> 

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

來源

2017-08-21 18:18:28 Hazza

貓頭鷹旋轉木馬動態項目

回答

相關問題