0

サイトに SlidesJS プラグインを実装しようとしていますが、ページが読み込まれると次のエラーが発生します。

TypeError: $(...).slidesjs is not a function

私のhtmlは次のとおりです。

<div class="slider">
    <div class="container">
        <div id="slides">
                <img src="<?= img('slides/example-slide-1.jpg') ?>" alt="photo 1">
                <img src="<?= img('slides/example-slide-2.jpg') ?>" alt="photo 2">
                <img src="<?= img('slides/example-slide-3.jpg') ?>" alt="photo 3">
                <img src="<?= img('slides/example-slide-4.jpg') ?>" alt="photo 4">
                <a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
                <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
        </div>
    </div>
</div>

私のcssファイルには以下が含まれています：

.slider #slides {
    display: none;
}

そして私のjsファイルには以下が含まれています：

    $(document).ready(function() {

    ...

    $("#slides").slidesjs({
            width: 1000,
            height: 290
        });
    }

jQuery とプラグイン固有のスクリプトの両方を含めましたが、それでもこのエラーが発生します。何か不足していますか？

4

1 に答える 1

5

私は同じ問題を抱えていて、ファイルのインクルードをページフッターに移動することで解決しました.

于 2013-08-04T19:14:09.040 に答える