1

フクロウのカルーセルに問題があります。このコードを HTML ファイルに追加します。

<html>
<head>
    <link rel="stylesheet" href="owl-carousel/owl.carousel.css">
    <!-- Default Theme -->
    <link rel="stylesheet" href="owl-carousel/owl.theme.css"
    <!--  jQuery 1.7+  -->
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <!-- Include js plugin -->
    <script src="owl-carousel/owl.carousel.js"></script> 
</head>
<body>
    <div id="owl-demo" class="owl-carousel owl-theme">  
        <div class="item"><h1>1</h1></div>
        <div class="item"><h1>2</h1></div>
        <div class="item"><h1>3</h1></div>
        <div class="item"><h1>4</h1></div>
        <div class="item"><h1>5</h1></div>
        <div class="item"><h1>6</h1></div>
        <div class="item"><h1>7</h1></div>
        <div class="item"><h1>8</h1></div>
        <div class="item"><h1>9</h1></div>
        <div class="item"><h1>10</h1></div>
        <div class="item"><h1>11</h1></div>
        <div class="item"><h1>12</h1></div>
    </div>
</body>

しかし、ナビゲーターは、フォーマットなしで1列に数字を表示します。私はすべてのフクロウのカルーセルを正しいフォルダーに持っています。問題はどれですか？

ナビゲーターはGoogle Chromeで、最終バージョンです。

すべての応答に感謝します

4

2 に答える 2

1

シンプルな Cal​​l OwlCarousel はこのように動作します。

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#owl-example").owlCarousel();
});
</script>
于 2014-11-24T10:33:35.187 に答える
0

Owl 初期化関数を呼び出すと、カルーセルの準備が整います。

</body>タグの前に以下のコードを追加します。

<script>
$(document).ready(function() {

  $("#owl-demo").owlCarousel();

});
</script>

または：

<script>
    $(document).ready(function() {

      var owl = $("#owl-demo");

      owl.owlCarousel({
          items : 10, //10 items above 1000px browser width
          itemsDesktop : [1000,5], //5 items between 1000px and 901px
          itemsDesktopSmall : [900,3], // betweem 900px and 601px
          itemsTablet: [600,2], //2 items between 600 and 0
          itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option
      });
    });
</script>
于 2014-09-11T07:37:13.807 に答える