Question

由于一些奇怪的原因，这个图像滑块不想工作任何人都可以指出问题我有一种感觉它包括javascript也不想工作也所以我去了：

<link rel="stylesheet" type="text/css" href="includes/css/slider.css"></link>
<link rel="javascript" type="text/javascript" href="includes/js/slider.js"></link>
<link type="text/javascript" src="includes/js/jquery-1.5.2.min.js"></link>

或者这是正确的方式它似乎不起作用？

<link rel="stylesheet" type="text/css" href="includes/css/slider.css"></link>
<script rel="javascript" type="text/javascript" href="includes/js/slider.js"></script>
<script type="text/javascript" src="includes/js/jquery-1.5.2.min.js"></script>

编辑完整代码：

<div class="mask">
<ul class="imgHolder">
   <li>
      <img width="270" src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/97/The_Earth_seen_from_Apollo_17.jpg/270px-The_Earth_seen_from_Apollo_17.jpg" />
   </li>
   <li>
      <img width="270" src="http://www.mallorcaweb.net/masm/Planetas/Jupiter.jpg" />
   </li>
    <li>
      <img width="270" src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/280px-FullMoon2010.jpg" />
   </li>
   <li>
      <img width="270" src="http://static.ddmcdn.com/gif/sun-update-1.jpg" />
   </li>
   <li>
      <img width="270" src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/06/Neptune.jpg/240px-Neptune.jpg" />
   </li>
</ul>
</div>
<ul class="thumbHolder">
   <li></li>
   <li></li>
   <li></li>
   <li></li>
   <li></li>
</ul>
<span class="control Bleft">Prev</span>
<span class="control Bright">Right</span>

Answer 1

尝试一下：

<link rel="stylesheet" type="text/css" href="/includes/css/slider.css"></link>
<script type="text/javascript" src="/includes/js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="/includes/js/slider.js"></script>

请注意，我删除了rel标记，并在每个路径的开头添加了主斜杠，以便始终从根目录加载。

Answer 2

确保在所有相关脚本之前包含jQuery脚本，即所有使用jQuery的脚本。

-

此外，链接标记是自动关闭的，脚本标记用于js文件而不是链接标记。

Answer 3

Link标记用于在页面内指向和添加css文件，其中script标记用于将client side脚本添加到代码示例vbscript中， javascript等。

除了jQuery之外，还需要包括jQuery plugin之前的jQuery 。

示例

<link rel="stylesheet" type="text/css" href="includes/css/slider.css" /> <script type="text/javascript" src="includes/js/jquery-1.5.2.min.js"></script> <script rel="javascript" type="text/javascript" href="includes/js/slider.js"></script>

Javascript不想工作？

3 个答案: