Question

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

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是否有一些奇妙的功能让我的代码神奇地工作，或者我在这里遗漏了什么？

Answer 1

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

如果没有onload，则找不到$('area')，因为您的脚本位于<head>内，<body>内的元素仍然未知。

Answer 2

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

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

2 个答案: