Question

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

我尝试在localhost中使用codepen.io中的此代码。我在其中创建了一个名为slider的文件夹，我有index.html。

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

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

最终结果不起作用，有人可以告诉我我做错了什么以及如何使其发挥作用。我在javascript的新手。非常感谢。

Answer 1

你可能错过了JQuery。添加

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

到<head>

W3Schools link on getting started with JQuery

Answer 2

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

来自codepen.io doenst的一段javascript代码在localhost上工作，如何让它工作？

2 个答案: