我无法运行我的JavaScript

Question

这是带Javascript和CSS库的代码的开头部分，但不会运行jQuery文件

<link rel = "stylesheet" href = "bower_componets/bootstrap/dist/css/bootstrap.min.css">
<link rel = "stylesheet" href = "darkly.css">
<link rel = "stylesheet" href = "HistorySytleSheet.css"/>
<script type = "text/javascript" src = "bower_component/jquery/dist/jquery.min.js"></script>
<script type = "text/javascript" src = "bower_component/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript"  src = "HistoryJQ.js"></script>

冷杉那些问这是我试图运行的jQuery

var main = function () {
    $('arrow-next').click(function () {
        var currentSlide = $('active-slide');
        var nextSlide = currentSlide.next();

        var currentDot = $('active-dot');
        var nextDot = currentDot.next();

        if(nextSlide.length === 0)
        {
            nextSlide = $('.slide').first();
            nextDot = $('.dot').first();
        }   

        currentSlide.fadeOut(600).removeClass('active-slide');
        nextSlide.fadeIn(600).addClass('active-slide');

        currentDot.removeClass('active-dot');
        nextDot.addClass('active-dot'); 
    });


        $('.arrow-prev').click(function() {
    var currentSlide = $('.active-slide');
    var prevSlide = currentSlide.prev();

    var currentDot = $('.active-dot');
    var prevDot = currentDot.prev();

    if(prevSlide.length === 0) {
      prevSlide = $('.slide').last();
      prevDot = $('.dot').last();
    }

    currentSlide.fadeOut(600).removeClass('active-slide');
    prevSlide.fadeIn(600).addClass('active-slide');

    currentDot.removeClass('active-dot');
    prevDot.addClass('active-dot');
  });

};

$(document).readyState(main);

Answer 1

只是一个猜测：

你有：

<link rel = "stylesheet" href = "bower_componets/bootstrap/dist/css/bootstrap.min.css">

然后您有：

<script type = "text/javascript" src = "bower_component/jquery/dist/jquery.min.js"></script>
<script type = "text/javascript" src = "bower_component/bootstrap/dist/js/bootstrap.min.js"></script>

我猜想您会bower_componets和bower_component ，它们可能都应该是： bower_components 。
这意味着您可能没有加载jquery和bootstrap。

试试看：

<link rel = "stylesheet" href = "bower_components/bootstrap/dist/css/bootstrap.min.css">

和：

<script type = "text/javascript" src = "bower_components/jquery/dist/jquery.min.js"></script>
<script type = "text/javascript" src = "bower_components/bootstrap/dist/js/bootstrap.min.js"></script>