为什么以下 jquery 可以在 jsfiddle 中工作，但不能在任何浏览器上工作？ [关闭]答案

【问题标题】：Why does the following jquery work in jsfiddle, but not on any browser? [closed]为什么以下 jquery 可以在 jsfiddle 中工作，但不能在任何浏览器上工作？ [关闭]
【发布时间】：2012-08-14 13:36:59
【问题描述】：

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

jsfiddle link

HTML：

<!doctype html>

<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="fgerg.css" />
<script type="text/javascript" src="jquery-1.7.2.js"></script>


<script type="text/javascript">
                $(document).ready(function() {



                    $('#showButton').click(function() {
                        $('#x2').css('visibility','visible');


                    });     
                });

            </script>   
</head>

<body>
 <input type="button" id="showButton" value="show" />
    <p id="x"> gergreg</p>
    <p id="x2"> sadeijnfciu </p>        
</body>
    </html>

CSS：

#x {
display:none;
 }

 #x2 {
visibility: hidden;
}

对于任何感兴趣的人，最后一个 }); 之后的矩形造成了整个混乱。有谁知道那是什么？

【问题讨论】：

我在错误控制台中发现了这个错误：哪一部分是非法的？ Uncaught SyntaxError: Unexpected token ILLEGAL

标签： jquery

【解决方案1】：

错误：Uncaught SyntaxError: Unexpected token ILLEGAL 通常意味着您的页面/JavaScript 源代码中某处有一些奇怪的编码字符。最好的办法是使用 showing special characters 打开文件编辑器，或者创建一个新文件并复制代码部分。

【讨论】：

天啊。实际上，在我的 javascript 代码中有一个从未见过的双矩形特殊字符。Wth 吗？它让我整天都在扯头发。非常感谢。

【解决方案2】：

javascript 代码看起来有效。

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

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

你的目录是这样的吗？

我建议你像这样使用 google 托管的 jQuery 库：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

【讨论】：

+1 使用谷歌托管库

【解决方案3】：

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

代替

<script type="text/javascript" src="jquery-1.7.2.js"></script>

【讨论】：

+1 用于 google 托管库 ;-)
我使用的是本地主机，谷歌主机应该还能正常工作吗？我试过谷歌主机，结果还是一样。有没有可能是我的笔记本电脑有问题？
它应该可以正常工作localhost。如果您没有收到任何 javascript 错误，请确保您的所有 ID 都是正确的。在 Firebug 中调试以查看该函数是否被调用可能是值得的。

【解决方案4】：

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

【讨论】：

功能给定了，还有一个错误。
作为评论会更好。

【解决方案5】：

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

【讨论】：