快速jQuery问题

Question

对于您的专业人士来说应该是一个非常快的人：

我正在学习使用JS，尤其是使用一个名为（轻松）“易图像”的插件。

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，然后在“添加资源”框中添加“轻松图像”脚本。 然后注释掉前两个<script>标记（您将需要它们在您的网站上，而不是jsFiddle上）。 还要将<img>标记中的src属性更改为绝对路径，因为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复制到记事本文件中，并保存为.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 <<<参见del-linkrolls.js，位于右上角； 在这里您可以选择要检查的文件

Answer 4

当我加载页面时，我得到一个“ .ready（）不是函数”，这意味着您没有加载jQuery。 再说一次，我从来没有与jsfiddle混蛋

快速jQuery问题

问题描述

4 个解决方案

解决方案1
0 2011-02-02 21:56:22

解决方案2
0 已采纳 2011-02-02 22:00:55

解决方案3
0 2011-02-02 22:07:37

解决方案4
-2 2011-02-02 21:35:03

快速jQuery问题

问题描述

4 个解决方案

解决方案1 0 2011-02-02 21:56:22

解决方案2 0 已采纳 2011-02-02 22:00:55

解决方案3 0 2011-02-02 22:07:37

解决方案4 -2 2011-02-02 21:35:03

解决方案1
0 2011-02-02 21:56:22

解决方案2
0 已采纳 2011-02-02 22:00:55

解决方案3
0 2011-02-02 22:07:37

解决方案4
-2 2011-02-02 21:35:03