2

この UI キットのスライダー コンポーネントで何が起こっているのかわかりません。UI キットを数か月間 (スライダーの使用を含めて) 正常に使用してきましたが、現在、この新しいサイトではまったくレンダリングされていません (リスト項目がデフォルトで表示される、スライド機能がないなど)。

もともと UIKit と Jquery のローカル コピーを試してみましたが、同じ結果でした。これは、私の localhost サーバーでも発生します (エラーがばかげた間違いであることを願っています)。

PHP ファイル全体:

<!DOCTYPE html>
<html>
    <head>
        <title>Burn Blue</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.3/css/uikit.min.css" />
        <link rel="stylesheet" href="css/components/slider.min.css" />
    </head>
    <body>
        <div data-uk-slider>

        <div class="uk-slider-container">
            <ul class="uk-slider">
                <li class="uk-width-1-1" style="background-image: url('/images/slide-1.jpg');">Test</li>
                <li class="uk-width-1-1" style="background-image: url('/images/slide-2.jpg');">Test</li>
                <li class="uk-width-1-1" style="background-image: url('/images/slide-3.jpg');">Test</li>
                <li class="uk-width-1-1" style="background-image: url('/images/slide-2.jpg');">Test</li>
            </ul>
        </div>
        </div>

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.3/js/uikit.min.js"></script>
        <script src="js/components/slider.min.js"></script>
    </body>
</html>

ページへのリンク: http://burn.blue/slider.php

編集: 正しく動作するようになりました。私は、slider.min.js または slider.min.css を追加する必要があることに気づきませんでした。

4

2 に答える 2