0

出于某种奇怪的原因，这个图像滑块不想工作，谁能指出我有一种感觉的问题，包括 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>
4

3 回答 3

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标记，并且在每个路径的开头添加了前导斜杠，以便它始终从根加载。

于 2013-04-01T08:50:41.193 回答
0

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

--

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

于 2013-04-01T08:42:10.533 回答
0

Link标签用于在页面内指向和添加css文件，其中 asscript标签用于将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>
于 2013-04-01T08:43:26.170 回答