快速jQuery问题

问题描述:

对于你的亲应该是一个非常快速的:快速jQuery问题

我正在学习使用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)

我已经剥离下来的基本知识并不知道为什么它不起作用。

任何提示都非常感谢!

由于提前,

汤姆

+1

你想在jsFiddle中测试的javascript和图像在j​​sFiddle的范围中不可用 - 也许情况就是这样) – 2011-02-02 21:31:27

+0

jQuery 1.5是最近的,你有没有试过后面的版本? – yoda 2011-02-02 21:31:38

+4

真的很快答案:请在你的问题中包括相关的代码,并解释什么是“不工作”。更多的人可能会以这种方式帮助你。 – 2011-02-02 21:31:42

的jquery.js当浏览器尝试从

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

加载它们确认文件是否有easySlider.js得到一个服务器错误500,他们可以装载

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

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

除非这两个网址加载正确的js文件的代码将无法正常工作......

作为一般的提示,让萤火虫插件到Firefox,与网板我不到30秒发现了这个错误;)

当我装我的页面“就绪()不是一个函数”,这将意味着你不加载jQuery的。然后再次我从来没有愚弄过jsfiddle

在左侧的菜单中,您必须将您的框架设置为JQuery,并在Add resources框中添加'Easy Image'脚本。然后注释掉前两个<script>标签(你将需要它们在你的网站上,但不是在jsFiddle上)。 标签中的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 

脚本不工作,因为有您的网站上没有脚本(两个链接都死了)。

这是工作:

<!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 < < <看到德尔 - linkrolls.js接近顶部,右;这就是你选择要检查哪个文件的地方