Javascript SlidesJS-TypeError:$（…）。SlidesJS不是函数

我试图在我的网站上实现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>

我的js文件包含：

.slider #slides {
    display: none;
}

    $(document).ready(function() {

    ...

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

我已经包括了jQuery和插件的特定脚本，但是我仍然得到这个错误。

---

我遗漏了什么吗？

我遇到了同样的问题，通过将文件包含移到页脚解决了问题。

我遇到了同样的问题，通过将文件包含移到页脚解决了问题。

您的解决方案有效。不知道是谁否决了你的答案……我已经把你的答案投了赞成票。：）@UjwalaKhaire谢谢！请将我的答案也标记为正确答案，以便其他人很容易看到它是正确的。您的解决方案有效。不知道是谁否决了你的答案……我已经把你的答案投了赞成票。：）@UjwalaKhaire谢谢！请将我的答案也标记为正确答案，以便其他人很容易看到它是正确的。