Javascript 第一次使用jquery时，什么都不起作用，有什么提示吗？

我的目标是创建一个幻灯片，开始时是自动的，但当用户单击前进或后退箭头时，它会变成手动的。然而，目前一切都不起作用。我真的很感激任何帮助！这是我的js文件：

// Slideshow
var slideshow = function () {
    "use strict";
    var paused = false;
    $('.arrowR').click(function () {
        paused = true;
        $('#slides > div:first')
            .fadeOut(1000)
            .next()
            .fadeIn(1000)
            .end()
            .appendTo('#slides');
    });
    $('.arrowL').click(function () {
        paused = true;
        $('#slides > div:last')
            .fadeIn(1000)
            .prependTo('#slides')
            .next()
            .fadeOut(1000)
            .end();
    });
    setInterval(function () {
        if (paused === false) {
            $('#slides > div:first')
                .fadeOut(1000)
                .next()
                .fadeIn(1000)
                .end()
                .appendTo('#slides');
        }
    }, 5000);

};

// Call Functions
$(document).ready(function () {
    "use strict";
    slideshow();
});

以下是相关的html：

<!-- slideshow -->
<div class="slideshow">
  <button href="#" class="slideshowButton arrowL" style="left: 0%; text-align: left;">&lt;</button>
  <div id="slides">
    <div><img src="resources/slides/slide1.jpg" alt="slide1"/></div>
    <div class="hidden"><img src="resources/slides/slide2.jpg" alt="slide2"/></div>
    <div class="hidden"><img src="resources/slides/slide3.jpg" alt="slide3"/></div>
  </div>
  <button href="#" class="slideshowButton arrowR" style="right: 0%; text-align: right;">&gt;</button>
</div>

---

对于将来有类似问题的人，我将回答自己的问题。您需要在html头中链接jquery库。添加此标记：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"
</script>

---

您已经包含了jQuery，对吗？查看浏览器错误控制台。（F12）似乎对我有用。确保包含jquery，检查您的浏览器控制台，可能会发现任何错误。