Jquery 代码在JSFIDLE中工作,但不在浏览器中工作

Jquery 代码在JSFIDLE中工作,但不在浏览器中工作,jquery,jsfiddle,Jquery,Jsfiddle,我正在尝试运行在本地计算机上编写的以下代码: 功能方面,忽略“上一个”和“下一个”按钮中的损坏图像,以及大小错误的主图像。单击/悬停功能在JSFIDLE中正常工作。然而,在我的本地机器上,它根本不工作 对于所有意图和目的,代码都是相同的,除了本地副本的头部分要加载到JSFIDLE页面中包含的javascript/css文件中: <head> <title>Jquery Wizard</title> <link href="style.css" r

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

功能方面,忽略“上一个”和“下一个”按钮中的损坏图像,以及大小错误的主图像。单击/悬停功能在JSFIDLE中正常工作。然而,在我的本地机器上,它根本不工作

对于所有意图和目的,代码都是相同的,除了本地副本的头部分要加载到JSFIDLE页面中包含的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是否有一些奇妙的功能让我的代码神奇地工作,或者我在这里遗漏了什么?

您选择在jsFiddle上运行脚本代码onload,这就是区别所在


如果没有onload,它将找不到$'area',因为您的脚本放在中,中的元素仍然未知。

我还建议遇到此类错误的任何人在出现此类问题时使用firebug或任何调试工具调试脚本。可能是非常简单但令人沮丧的问题,如未捕获的SyntaxError:意外的令牌非法错误。调试器非常方便

你说它根本不起作用是什么意思?你的调试器报告了什么样的错误?给我们一些东西,错误或任何东西,在这一点上,没有办法告诉我们为什么它不工作。您的外部js是否在同一文件夹中?如果您必须使用https,请尝试使用http作为jquery cdn。尝试通过验证器运行它。这可能是一个安全问题;在线代码在不同浏览器中的权限与本地代码不同,特别是在不同域的访问权限方面。抱歉,伙计们没有看到这些评论。如上所述,问题是click/hover jquery函数在不在jsfiddle中时不起作用。我已将文件上载到此处:。Molle博士似乎是对的,这可能与JSFIDLE中的onLoad有关,但我不是100%确定。编辑2:是的,莫勒博士是对的,见下文。谢谢你们的帮助!谢谢你的回复!让它工作,感谢它。我通过添加$window.loadfunction{}使其正常工作。如果其他任何人有相同的问题,此函数将等待页面的其余部分加载后再运行。正如Molle博士所说,我的脚本无法工作,因为它在加载页面之前运行,并且正在查找尚未创建的元素。也可以简单地将脚本放在正文的末尾。好处:所有元素在那里都是已知的!脚本稍后加载,因此页面本身可能会显示得更快