貓頭鷹旋轉木馬沒有得到響應

我實現了貓頭鷹旋轉木馬代碼，它工作正常，但我卡在貓頭鷹響應功能。它根本不工作。貓頭鷹旋轉木馬沒有得到響應

HTML代碼：

<div id="prd-slider" class="col-md-12" > 
     <!-- Item 1 Start --> 
    <div class="item"> 
    <div class="Shop-Choice-sub-sec"> 
     <div class="Shop-Choice-border"><a href=""> <img src="http://outsource.lightspeedwl.com/marketplace/media/catalog/category/new-img-3.png" style="padding: 10px; width: 59%; margin-left: 26px;"></a> </div> 
     <div class="Shop-Choice-text-section"> 
     <div class="col-lg-12 Shop-Choice-name">Tshirts</div> 
     <div class="col-lg-12 Shop-Choice-star-img"> <img style="" src="http://outsource.lightspeedwl.com/marketplace/skin/frontend/default/emarketplace/images/star-img.png"> </div> 
     <span class="Shop-Choice-prise"></span> </div> 
    </div> 
    </div> 
    <!-- Item 1 end --> 
<!-- Same structure for other items --> 
</div>

CSS代碼：

#prd-slider .item{ 
    background: #fff; 
    padding: 5px 0px; 
    margin: 5px; 
    color: #FFF; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
    text-align: center; 
    }

的Java腳本代碼是：

var owl = jQuery("#prd-slider"); 
     owl.owlCarousel({ 
      autoPlay :true, 
      slideSpeed : 300, 
      nav : false, 
      loop: true, 
      items : 5, //10 items above 1000px browser width 
      itemsDesktoplarg : [1000,2], //5 items between 1000px and 901px 
      itemsDesktop : [700,2], 
      itemsDesktopSmall : [660,2],// betweem 900px and 601px  
      itemsTablet: [650,1], //2 items between 600 and 0 
      itemsMobile : [400,1], // itemsMobile disabled - inherit from itemsTablet option 
     }); 

    jQuery('.prev1').click(function(){ 
     jQuery("#prd-slider").find('.owl-prev').click(); 
    }); 

    jQuery('.next1').click(function(){ 
     jQuery("#prd-slider").find('.owl-next').click(); 
    });

任何想法，我做了錯誤...？

來源

2015-11-24 Yash

你能分享你的CSS代碼嗎？ – Dilip

我編輯了我的問題。你現在可以看到我的css代碼。 – Yash

我得到了解決方案，只與版本問題。我用2.0（新版本），但貓頭鷹響應不起作用。現在，當我用1.3替換它然後它工作。

來源

2015-11-24 12:46:41 Yash

貓頭鷹旋轉木馬沒有得到響應

回答

相關問題