代码在jsFiddle中工作但不在浏览器中工作

我正在尝试运行以下代码，写在我的本地机器上：

http://www.jsfiddle.net/WShdx/3/

function方面（忽略上一个和下一个按钮中的损坏图像，以及错误大小的主图像），点击/hoverfunction在jsfiddle中正常工作。 但是，在我的本地机器上它根本不起作用。

对于所有意图和目的，代码是相同的，除了本地副本有这个head部分加载jsfiddle页面中包含的javascript / css文件：

jsFiddle是否有一些奇妙的function让我的代码神奇地工作，或者我在这里遗漏了什么？

Answer 1

你选择在jsFiddle上运行脚本代码“onload”，这就是区别。

如果没有onload，它将找不到$('area') ，因为你的脚本放在里面， 里面的元素仍然是未知的。

Answer 2

我还建议任何遇到此类错误的人使用firebug或任何调试工具在发生此类问题时调试脚本。 可能是非常简单但令人沮丧的问题，如Uncaught SyntaxError: Unexpected token ILLEGAL错误。 调试器非常方便！