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

JVG*_*JVG 3 jquery 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>
Run Code Online (Sandbox Code Playgroud)

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

Dr.*_*lle 11

你选择在jsFiddle上运行脚本代码"onload",这就是区别.

如果没有onload它将找不到$('area'),因为你的脚本放在里面<head>,其中的元素<body>仍然是未知的.

  • 请记住,您始终可以加载草稿(ctrl + shift + Enter)并查看jsFiddle生成的源代码 (5认同)
  • 感谢您的回复!成功了,欣赏一下。我通过添加“$(window).load(function(){&lt;rest of the jquery&gt;}”来使其工作。如果其他人有同样的问题,该函数将等到页面的其余部分加载后再运行。 Molle 博士说,我的脚本无法正常工作,因为它在页面加载之前运行,并且正在寻找尚未创建的元素。 (2认同)