在JSFIDDLE中使用的代码，但在浏览器中不使用

StackOverflow https://stackoverflow.com/questions/4637873

  •  08-10-2019
  •  | 
  •  

题

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

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

在功能方面（忽略上一个和下一个按钮中的损坏图像，以及错误尺寸的主图像）click/Hover功能在JSFiddle中正常工作。但是，在我本地的机器上，它根本无法正常工作。

出于所有意图和目的，代码都是相同的，除了本地副本具有此头部部分，要在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是否有一些精彩的功能使我的代码神奇地工作，或者我在这里错过了一些东西？

有帮助吗？

解决方案

您选择在JSFIDDLE上运行脚本代码“ Onload”，这就是区别。

没有货 $('area') ，因为您的脚本放在 <head>, ，其中的元素 <body> 仍然未知。

其他提示

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

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top