3

最近、flexslider を使い始めました。

ブートストラップを使用して Web サイトを作成していますが、コードを使用して flexslider の画像を埋め込むと、結果が見えなくなります。

ヘッダー内 

<link rel="stylesheet" type="text/css" href="css/flexslider.css"> 
<script src="js/custom.js"></script>

custom.jsで 

$(window).load(function() {
    $('.flexslider').flexslider();
});

体内で

<div class="container">
    <div class="row-fluid">
        <div class="flexslider">
            <ul class="slides">
                <li><img src="img/img1.png" /></li>
                <li><img src="img/img2.png" /></li>
            </ul>
        </div>
    </div>
</div>

A 体の端 

<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flexslider.js"></script>

これは私のコードです

誰でも理由を説明できますか？

よろしくお願いします

4

1 に答える 1

0

jquery のバージョンに何らかの問題があるはずで、bootstrap.css も見逃していました。完璧に機能しているflexsliderのフィドルを作成しました。それを見てください：http://jsfiddle.net/7ngoLbxw/1/

$('.flexslider').flexslider();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div class="container">
    <div class="row-fluid">
        <div class="flexslider">
            <ul class="slides">
                <li class="" style="width: 100%; float: left; margin-right: -100%; position: relative; display: block; z-index: 1; opacity: 0;"><img src="http://wallpaperiz.com/wp-content/uploads/2014/10/live-wallpapers-for-desktop-widescreen-7-cool.jpg" draggable="false"></li>
                <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: block; z-index: 2; opacity: 1;" class="flex-active-slide"><img src="http://www.wallpaper.in.net/wp-content/uploads/2014/06/Live-Wallpapers-For-Desktop-Free-Download1.jpg" draggable="false"></li>
            </ul>
        <ol class="flex-control-nav flex-control-paging"><li><a class="">1</a></li><li><a class="flex-active">2</a></li></ol><ul class="flex-direction-nav"><li><a class="flex-prev" href="#">Previous</a></li><li><a class="flex-next" href="#">Next</a></li></ul></div>
    </div>
</div>

于 2014-10-18T09:28:41.250 に答える