为啥以下 jquery 可以在 jsfiddle 中工作，但不能在任何浏览器上工作？ [关闭]
Posted
技术标签:
【中文标题】为啥以下 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
【参考方案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 库。
【讨论】：
以上是关于为啥以下 jquery 可以在 jsfiddle 中工作，但不能在任何浏览器上工作？ [关闭]的主要内容，如果未能解决你的问题，请参考以下文章
为啥我不能为超过 jquery 1.4.4 的 backgroundPosition 设置动画？
使用 jQuery 触发 CSS 摇动动画，每隔一段时间都有效……为啥？
为啥 jsfiddle 在 IE8 和以前的版本中根本不渲染？