1

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

jsfiddle链接

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;
}

对于任何感兴趣的人,最后一个矩形之后的矩形});导致了整个混乱。有谁知道那是什么? 奇怪的特殊字符

4

5 回答 5

2

javascript 代码看起来有效。

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

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

你的目录看起来像这样吗?

我建议您使用由谷歌托管的 jQuery 库,如下所示:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
于 2012-08-14T13:38:20.513 回答
2

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

于 2012-08-14T14:01:11.180 回答
1

很可能您的 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>
于 2012-08-14T13:41:30.283 回答
0

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

于 2012-08-14T13:39:11.957 回答
0

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

于 2012-08-14T13:39:43.747 回答