javascript - jQuery ui 幻灯片无法正常工作

Question

所以我用 jquery 和 jquery ui 创建了一个简单的幻灯片。当我将html拖到chrome中时效果很好，但是当我将文件上传到我的服务器时，效果不起作用。您可以在 -guyzyl.org- （其主页）上查看该网站，或者仅查看 html 文件（与网站上的相同 - https://www.dropbox.com/s/0q3tnshbvmxu9ax/index .html- 任何帮助表示赞赏，并在此先感谢。

Answer 1

你错过了所有这些 js ..（在控制台错误中的萤火虫中看到）

"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

在保留它的本地副本的同时，以防万一它无法从 google cdn 获取它，它可以在本地路径中查找。（如您的情况并且不会破坏您的网站）

Answer 2

代码本身没有问题：http: //jsfiddle.net/ya8Yu/是您所有的代码都在工作。

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

另外，将来设置一个jsfiddle，这样我们就不必到处跑来收集你所有的代码并设置一个环境来测试。