我无法让我的 javascript 运行答案

【问题标题】：I can't get my javascript to run我无法让我的 javascript 运行
【发布时间】：2015-02-23 04:29:52
【问题描述】：

这是我的代码的头部部分，带来了我的 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);

【问题讨论】：

控制台有错误吗？您确定文件路径正确吗？
欢迎来到 Stack Overflow。请使用描述性标题。包含任何错误消息也会很有帮助。
您的两个链接元素没有正确关闭
@PatrickEvans 这是专门标记的 HTML5，其中它们都正确关闭，但以两种不同的方式令人困惑
你怎么知道 jquery 不工作？您是否检查过在 jquery 中修复断点？？

标签： javascript jquery html twitter-bootstrap bower

【解决方案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 和引导程序。

试试这个：

<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>

【讨论】：