Question

图像正在一个接一个地显示，没有javascript元素，我尝试移动并检查文件位置，然后再次下载整个程序包，但似乎不起作用。我也使用过猫头鹰旋转木马，所以也许这可能是一个原因。标语位于正确的位置。看来找不到jquery或js。我想我可能在错误的地方放了东西。

<head>
<link href="html/assets/css/style1.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="html/assets/Carousel/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="html/assets/Carousel/dist/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="html/assets/css/flexslider.css" type="text/css">
<script src="html/assets/js/jquery.flexslider.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>
<title></title>
<style>
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto:400,500');
</style>
</head>

<body>

<section id="banner">
  <div class="flexslider">
    <ul class="slides">
      <li> <img alt="" src="html/assets/images/building.png"></li>
      <li> <img alt="" src="html/assets/images/building.png"></li>
      <li> <img alt="" src="html/assets/images/building.png"></li>
      <li> <img alt="" src="html/assets/images/building.png"></li>
    </ul>
  </div>
</section>

<script src="html/assets/Carousel/docs/assets/vendors/jquery.min.js"></script> 
<script src="html/assets/Carousel/dist/owl.carousel.min.js"></script> 
<script>
            $(document).ready(function() {
              var owl = $('.owl-carousel');
              owl.owlCarousel({
                margin: 10,
                nav: true,
                loop: true,
                responsive: {
                  0: {
                    items: 1
                  },
                  600: {
                    items: 3
                  },
                  1000: {
                    items: 4
                  }
                }
              })
            })
          </script>
</body>

flexslider无法正确显示

0 个答案: