Owl carousel prev next按钮未显示

时间:2017-05-18 16:39:06

标签: javascript jquery html css

我正在使用猫头鹰旋转木马来展示产品。问题是下一个和上一个按钮没有显示。

以下是我收录的文件

  1. owl.carousel.min.css

  2. owl.theme.default.min.css

  3. owl.carousal.min
  4. 在main.js

    jQuery(document).ready(function ($) {
       $('.owl-carousel-featured-product').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    dots:false,
    items:4,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
    });
    });
    

    以下是生成的HTML

    <div class="owl-carousel-featured-product  featured-product"> 
      <div class="owl-wrapper-outer">
      <div class="owl-wrapper" style="width: 7410px; left: 0px; display:    block;">
       <div class="owl-item" style="width: 285px;">
          <div class="productslide">
          </div>
      </div>
    </div>
    

      <div class="owl-controls clickable">
         <div class="owl-pagination">
             <div class="owl-page active">
               <span class=""></span>
               </div>
             <div class="owl-page">
                <span class=""></span>
             </div>
            <div class="owl-page">
             <span class=""></span>
           </div>
           <div class="owl-page">
             <span class=""></span>
           </div>
     </div>
    </div>
    

    虽然设置了nav:true选项,但仍未显示prev&amp;下一步按钮html不会呈现。

0 个答案:

没有答案