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

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

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

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

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

<head>
  <title>Jquery Wizard</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  <script src="wizard.js" type="text/javascript" ></script></head>

jsFiddle的一些奇妙功能是让我的代码神奇地工作，还是我在这里遗漏了一些东西？

江户川乱折腾

浏览 438回答 2

2回答

慕工程0101907

你选择在jsFiddle上运行脚本代码“onload”，这就是区别。如果没有onload它将找不到$('area')，因为你的脚本放在里面<head>，其中的元素<body>仍然是未知的。

慕盖茨4494581

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

随时随地看视频慕课网APP