codepen.io中的一段javascript代码无法在本地主机上工作，如何使其工作？_Javascript

codepen.io中的一段javascript代码无法在本地主机上工作，如何使其工作？

javascript

codepen.io中的一段javascript代码无法在本地主机上工作，如何使其工作？,javascript,Javascript,我尝试在localhost中使用codepen.io中的代码。我制作了一个名为slider的文件夹，里面有index.html 然后我在其中创建了一个文件夹名为javascript，我复制了js代码并将其命名为slider.js 在index.html中，我编写了脚本src=“javascript/slider.js”（我正确地打开和关闭了脚本）最终的结果是不起作用，有人能告诉我我做错了什么以及如何让它起作用吗。我是javascript的新手。非常感谢。您可能缺少JQuery。加 see th

我尝试在localhost中使用codepen.io中的代码。我制作了一个名为slider的文件夹，里面有index.html

然后我在其中创建了一个文件夹名为javascript，我复制了js代码并将其命名为slider.js

在index.html中，我编写了脚本src=“javascript/slider.js”（我正确地打开和关闭了脚本）

最终的结果是不起作用，有人能告诉我我做错了什么以及如何让它起作用吗。我是javascript的新手。非常感谢。

您可能缺少JQuery。加

see the code: http://codepen.io/yusufbkr/pen/myXvLw

到您的


1.
2.
3.
4.

你能分享整个index.html吗？试试这个版本：

http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js

这正是代码笔中的代码

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <link rel="stylesheet" href="style.css">
  <script language="javascript"  type="text/javascript" src="javascript/slider.js"></script>  
</head>
<body>


<div class="container">

  <!--slider-->
  <div class="fadeslider">
    <!--slide-->
    <div class="slide">
      <img src="http://lorempixel.com/400/200/" alt="" />
      <div class="text">1</div>
    </div>
    <!--#slide-->
    <!--slide-->
    <div class="slide">
      <img src="http://lorempixel.com/g/400/200/" alt="" />
      <div class="text">2</div>
    </div>
    <!--#slide-->
    <!--slide-->
    <div class="slide">
      <img src="http://lorempixel.com/400/200/sports/" alt="" />
      <div class="text">3</div>
    </div>
    <!--#slide-->

    <!--slide-->
    <div class="slide">
      <img src="http://lorempixel.com/g/400/200/" alt="" />
      <div class="text">4</div>
    </div>
    <!--#slide-->

    <div class="slideback"><</div>
    <div class="slidenext">></div>
    <div class="slidelist">
    </div>

  </div>
  <!--#slider-->

</div>


</body>
</html>