2012-06-11 100 views
0

所以我创建了一个简单的幻灯片与jQuery和jQuery UI。当我将html拖入chrome时,它完美地工作,但是当我将文件上传到我的服务器时,效果不起作用。 您可以在-guyzyl.org-(它的主页)上看到该网站,或者只看到该html文件(与网站上的文件相同)--https://www.dropbox.com/s/0q3tnshbvmxu9ax/ index.html- 任何帮助表示赞赏,并在此先感谢。jQuery的ui幻灯片不工作

+0

似乎在这里工作得很好:http://jsfiddle.net/j08691/wetFA/。你记得在你的服务器上上传jQuery吗? – j08691

+0

生病请确保下次再做 – guyzyl

回答

3

你缺少这些JS。(看在Firebug的控制台错误)

"NetworkError: 403 Forbidden - http://jqueryui.com/latest/ui/jquery.effects.core.js" 
jquery...core.js 
"NetworkError: 403 Forbidden - http://jqueryui.com/latest/ui/jquery.effects.slide.js" 
jquery...lide.js 
error: "NetworkError: 403 Forbidden - http://jqueryui.com/latest/ui/jquery.effects.slide.js" 

也。我建议你阅读从谷歌CDN(这个jQuery UI包含所有效果文件)

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js 

虽然保留了它的本地副本,以防万一它无法从谷歌CDN获取它,但它可以在本地路径中查找(如在你的情况下并且不会制动你的网站)

+0

非常感谢,解决了这个问题! :) – guyzyl

+0

NP :)确保你也从谷歌只下载jquery.js。 [正确的方式来做到这一点](http://stackoverflow.com/a/1014251/1085285) –

0

什么是错误的代码本身:http://jsfiddle.net/ya8Yu/是你所有的代码工作。

您需要按照Fidrizers的建议正确设置您的收录文件。

此外,在未来建立一个jsfiddle,以便我们不必跑来跑去收集所有的代码并设置一个测试环境。