为什么以下jquery在jsfiddle中工作，但在任何浏览器上都没有？

我尝试在FF和chrome中打开以下代码，没有任何反应。 但是当我在jsfiddle中加载确切的代码时，它确实有效。

jsfiddle链接

HTML：

      $(document).ready(function() { $('#showButton').click(function() { $('#x2').css('visibility','visible'); }); });​     
 gergreg
 
 sadeijnfciu 
   

CSS：

 #x { display:none; } #x2 { visibility: hidden; } 

对于任何感兴趣的人，最后的矩形}); 造成整个烂摊子。 谁知道那是什么？

Answer 1

错误： Uncaught SyntaxError：意外的令牌ILLEGAL通常意味着您在页面/ JavaScript源中的某处有一些奇怪的编码字符。 最好的办法是打开文件编辑器， 显示特殊字符 ，或创建新文件并复制代码部分。

Answer 2

javascript代码看起来有效。

您确定jquery-1.7.2.js文件与index.html位于同一目录中吗？

 +my webpage -----jquery-1.7.2.js -----index.html -----....... 

你的目录是这样的吗？

我建议你使用google托管的jQuery libary，如下所示：

Answer 3

很可能您的jquery链接已损坏，或者您使用的是损坏的版本。 尝试从CDN中包含jQuery：

代替

Answer 4

除非您有使用visibility的特定原因，否则我更愿意使用.show() ： http ： //jsfiddle.net/Nuh9w/3/

Answer 5

当您在FF或Chrome中运行代码时，您是否在与HTML文件相同的相对路径中引用了jQuery文件？ 当您在jsfiddle中执行此操作时，jsfiddle站点将加载jQuery库。