快速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)
我已经剥离下来的基本知识并不知道为什么它不起作用。
任何提示都非常感谢!
由于提前,
汤姆
的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/wiki/index.php/Script_Panel
http://getfirebug.com/wiki/index.php/File:Script_Panel.png < < <看到德尔 - linkrolls.js接近顶部,右;这就是你选择要检查哪个文件的地方
你想在jsFiddle中测试的javascript和图像在jsFiddle的范围中不可用 - 也许情况就是这样) – 2011-02-02 21:31:27
jQuery 1.5是最近的,你有没有试过后面的版本? – yoda 2011-02-02 21:31:38
真的很快答案:请在你的问题中包括相关的代码,并解释什么是“不工作”。更多的人可能会以这种方式帮助你。 – 2011-02-02 21:31:42