猫头鹰旋转木马没有得到响应

我实现了猫头鹰旋转木马代码，它工作正常，但我卡在猫头鹰响应功能。它根本不工作。猫头鹰旋转木马没有得到响应

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

猫头鹰旋转木马没有得到响应

回答

相关问题