Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 猫头鹰转盘上一步按钮未显示_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 猫头鹰转盘上一步按钮未显示

Javascript 猫头鹰转盘上一步按钮未显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用owl转盘显示产品。问题是“下一步”和“上一步”按钮没有显示 这是我包含的文件 owl.carousel.min.css owl.theme.default.min.css 猫头鹰·卡鲁萨尔·明 在main.js中 jQuery(document).ready(function ($) { $('.owl-carousel-featured-product').owlCarousel({ loop:true, margin:10, nav:true, dots:false, it

我正在使用owl转盘显示产品。问题是“下一步”和“上一步”按钮没有显示

这是我包含的文件

  • owl.carousel.min.css

  • owl.theme.default.min.css

  • 猫头鹰·卡鲁萨尔·明
  • 在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>
    
    
    

    
    

    虽然设置了nav:true选项,但仍然没有显示prev&Next按钮,但不会呈现html

    nav:true在版本2及更高版本上工作,您可以尝试navigation:true,如果在crousel为特定视图端口定义的编号中项目的数量较少,那么在本例中,该按钮也隐藏了。我无意中对owl.carousal.min.js文件进行了注释:(.现在一切正常。名称中存在键入错误,对吗?
      <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>