0

自分のプロジェクトで unslider (jQuery) を使用しようとしています。https://idiot.github.io/unslider/ Web サイトの指示に従っているにもかかわらず、うまく動作しないようです。

誰かが私のコードを見て、ここで何がうまくいかないかについてフィードバックをくれるほど親切でしょうか?

ありがとう！

--

<!doctype html>
<html>

<head>
<title>Testing unslider</title>

<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<link rel="stylesheet" href="/unslider-master/dist/css/unslider.css">
<link rel="stylesheet" href="/unslider-master/dist/css/unslider-dots.css">

</head>

<body>

<div class="my-slider">
    <ul>
        <li>My slide</li>
        <li>Another slide</li>
        <li>My last slide</li>
    </ul>
</div>

<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="/unslider-master/src/js/unslider.js"></script>

<script>
    jQuery(document).ready(function($) {
        $('.my-slider').unslider();
    });
</script>

</body>

</html>
4

1 に答える 1

0

これをローカルで実行していると仮定しています (これを Web サーバー経由で提供していません)。その場合、修正する必要があるのは次のとおりです。

まず、unslider アセット URL のスラッシュを取り除く必要があります。スラッシュを使用すると、ブラウザが URL のルートに関連するファイルを検索することになりますが、これは意図したものではありません。代わりに、ブラウザが現在のディレクトリでファイルを検索するようにします。

次に、httpsjQuery アセット URL のプロトコルに使用して、Web から直接取得します。\\を使用する場合と使用しない場合があるサーバーからリクエストを行うときに、URL をプロトコルに依存しないようにすることができるため、これは便利ですhttps。ただし、ファイル システムからファイルをフェッチするfile://code.jquery.com/jquery-2.1.4.min.js場合、jQuery がマシン上にないため失敗するような URL になります。

ここに作業バージョンがあります：

<!doctype html>
<html>
    <head>
        <title>Testing unslider</title>
        <meta charset="utf-8" />
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="unslider-master/dist/css/unslider.css">
        <link rel="stylesheet" href="unslider-master/dist/css/unslider-dots.css">
    </head>
    <body>
    <div class="my-slider">
        <ul>
            <li>My slide</li>
            <li>Another slide</li>
            <li>My last slide</li>
        </ul>
    </div>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="unslider-master/src/js/unslider.js"></script>
    <script>
        jQuery(document).ready(function($) {
            $('.my-slider').unslider();
        });
    </script>
    </body>
</html>
于 2016-02-25T02:35:09.423 に答える