Owl Carouse设置之后图片不出现。。

来源：6-2 如何实现响应式广告-2

慕数据9886894

2016-07-15

owl.carousel.min.css里的display有影响么。。。

.owl-carousel {

display: none;

width: 100%;

-webkit-tap-highlight-color:transparent;

position: relative;

z-index: 1;

}

写回答

4回答

happyuzhou

2016-08-29

同样的问题，有个警告

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>广告图片的动画</title>
    <link rel="stylesheet" href="owl.carousel/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="owl.carousel/assets/owl.theme.default.min.css">
</head>
<body>
    <div class="ad">
        <div class="owl-carousel">
            <div class="item">
                <img src="images/1a.jpg">
            </div>
            <div class="item">
                <img src="images/2a.jpg">
            </div>
            <div class="item">
                <img src="images/3a.jpg">
            </div>
            <div class="item">
                <img src="images/4a.jpg">
            </div>
            <div class="item">
                <img src="images/5a.jpg">
            </div>
        </div>
    </div>

    <script src="jquery-3.0.0.min.js"></script>
    <script src="owl.carousel/owl.carousel.min.js"></script>
    <script src="main.js"></script>
</body>
</html>

这是那个警告

jQuery.Deferred exception: b.find(...).andSelf is not a function TypeError: b.find(...).andSelf is not a function
    at e.<anonymous> (http://localhost:63342/example/owl.carousel/owl.carousel.min.js:6:15864)
    at HTMLDivElement.e (http://localhost:63342/example/jquery-3.0.0.min.js:2:3650)
    at Function.each (http://localhost:63342/example/jquery-3.0.0.min.js:2:2813)
    at r.each (http://localhost:63342/example/jquery-3.0.0.min.js:2:1003)
    at e.replace (http://localhost:63342/example/owl.carousel/owl.carousel.min.js:6:15733)
    at e.initialize (http://localhost:63342/example/owl.carousel/owl.carousel.min.js:6:5474)
    at new e (http://localhost:63342/example/owl.carousel/owl.carousel.min.js:6:899)
    at HTMLDivElement.<anonymous> (http://localhost:63342/example/owl.carousel/owl.carousel.min.js:6:20890)
    at Function.each (http://localhost:63342/example/jquery-3.0.0.min.js:2:2813)
    at r.each (http://localhost:63342/example/jquery-3.0.0.min.js:2:1003) undefined