Question

对你来说应该是一个非常快的：

我正在学习使用JS，特别是一个名为（令人尴尬的）“Easy Image”的插件。

http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider

这是我的代码：

http://jsfiddle.net/tomperkins/LnES6/

JS文件来自这里： http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider 显然jQuery（1.5）

我已经将其删除了基础，无法弄清楚它为什么不起作用。

非常感谢任何提示！

提前致谢，

汤姆

Answer 1

在左侧菜单中，您必须将框架设置为JQuery，并在“添加资源”框中添加“Easy Image”脚本。然后注释掉前两个<script>标签（您需要在您的网站上使用它们，而不是在jsFiddle上）。同时将src标记中的<img>属性更改为绝对路径，因为jsFiddle网站上没有图像文件夹或任何图像。

修改这是您在网站上使用<script>标记获得的内容：

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> 2<html><head> 3<title>500 Internal Server Error</title> 4</head><body> 5<h1>Internal Server Error</h1> 6<p>The server encountered an internal error

脚本不起作用，因为您的站点上没有脚本（两个链接都已死）。

Answer 2

当浏览器尝试从

加载时，jquery.js和easySlider.js会收到服务器错误500

http://customstudiodevelopment.co.uk/jquery-test/

验证文件是否存在以及是否可以加载

http://customstudiodevelopment.co.uk/js/jquery.js

http://customstudiodevelopment.co.uk/js/easySlider.js

除非这些网址都加载了正确的JS文件，否则您的代码将无效...

作为一般提示，将FireBug插件添加到firefox，使用Net面板我发现此错误的时间不到30秒;）

Answer 3

这是有效的：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<base href="http://customstudiodevelopment.co.uk"/>
<script type="text/javascript" src="/jquery-test/js/jquery.js"></script>
<script type="text/javascript" src="/jquery-test/js/easySlider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#slider").easySlider();
});
</script>
<meta charset="utf-8">
<title>jQuery Gallery Test</title>
<link href="/jquery-test/css/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<div id="slider">
 <ul>
   <li><img src="/jquery-test/images/Website-Strip_Future.png"></li>
  <li><img src="/jquery-test/images/SR-Toomer_small.png"></li>
  </ul>
 </div>
<!-- /end #slider -->
</body>
</html>

注意，我将基本元素放在那里以在我的桌面上进行测试。它不需要在您的服务器上运行，但如果它在您的台式计算机上，它应该工作（因此您可以将html复制到记事本文件中并使用filetype .html保存并在本地运行以进行测试）。

看起来您的文件包含（js / css / image）并未指向您希望的位置。

使用Firebug测试这些类型的东西。打开控制台时，可以检查包含的脚本，包括打开每个包含的文件。通过这种方式，您可以进行双重检查以确保浏览器能够访问您包含的文件。

http://getfirebug.com/

http://getfirebug.com/wiki/index.php/Script_Panel

http://getfirebug.com/wiki/index.php/File:Script_Panel.png＆lt;＆lt;＆lt;看del-linkrolls.js接近顶部，右边;那是你选择要检查的文件的地方

Answer 4

当我加载页面时，我得到了一个“.ready（）不是一个函数”，这意味着你没有加载jQuery。然后我再也没骗过jsfiddle

快速的jQuery问题

4 个答案: