jQuery在jsFiddle中工作，但不在我的计算机上

我是jQuery的新手，整天都在试图确定为什么这个脚本在jsFiddle中运行而不是在我的计算机上运行。 我没有服务器设置，我只是从桌面启动浏览器中的html。

代码在这里工作正常： http ： //jsfiddle.net/9Dubr/164/ 。 但是当我创建以下html文件时：

     $('#submit').click(function(){ $('#myfrom').fadeOut("slow", function(){ var dot = $("
Goodmorning Mr. Patti

Thank you.
".hide(); $(this).replaceWith(dot); $('#foo').fadeIn("slow"); }); });   #container{ width:342px; height:170px; padding:10px; background-color:grey; } #myform{ width:322px; height:100px; color:#6F6F6F; padding: 0px; outline:none; background-color:white; } #foo{ width:322px; height:100px; color:#6F6F6F; padding: 0px; outline:none; background-color:white; } #submit{ color:#6F6F6F; padding: 10px 2px 0px 0px; margin: 0px 0px 0px 0px; outline:none; }    
 
 
 blah blah blah blah blah 
  
 
   

单击“提交”按钮后，我没有得到任何结果。 请帮忙，我已经花了6个小时。

谢谢，

Answer 1

您必须在DOM上执行代码。 将代码包装在$(function(){ }); 另外，你错过了a ) 。

 $(function () { $('#submit').click(function () { $('#myfrom').fadeOut("slow", function () { var dot = $("
Goodmorning Mr. Patti

Thank you.
").hide(); $(this).replaceWith(dot); $('#foo').fadeIn("slow"); }); }); }); 

编辑：

         
 
 
 blah blah blah blah blah 
  
 
   

Answer 2

我发现您发布的代码有两个问题可能会有所帮助。

• 通过声明doctype – 启动文档

或者如果使用HTML 4规范，至少指定脚本类型：

• 在jquery引用中声明javascript类型 – type="text/javascript"

更新 – 基于最近的评论

在你的jsfiddle中，它是有效的，因为你绑定了你的提交点击事件，但该按钮不在

标签中。 如果您在本地使用表单标记，则您将获得不同的function，因为表单提交可能优先于按钮单击事件。

希望这可以帮助！

Answer 3

在所有这些疑惑中，总是检查http://jsfiddle.net/draft/的来源，这是通过点击[Run]呈现的最后一个小提琴。 检查源并将其与您的文件进行比较。