Question

我是Jquery的新手，考虑到我刚开始学习它。但是，我遇到了让我的jquery程序工作的问题：

这是CSS：

p {
    opacity: 0;
}

这是Jquery：

$(document).ready(function() {
    $("p").delay(1000).fadeTo("fast", 100);
});

HTML：

<!DOCTYPE html>
<html>
    <head>
        <title>PP1114</title>
        <script type="text/javascript" src="PP1114.js"></script>
        <link rel="stylesheet" type="text/css" href="PP1114.css">
            <!-- these are both links to documents on my computer-->
    </head>
    <body>
        <p>Done!</p>
    </body>
</html>

非常简单的程序。我希望p元素在页面打开后一秒钟淡出，但我总是以一个空白页面结束。在Google Chromes检查元素工具中，我查看了html文件是否正确检索了css和jquery文件，它就是这样。我知道我的css文件正在运行，所以我认为这个问题可能与Chrome阅读Jquery程序有关。我做了很多故障排除，但似乎无法修复它。有什么问题？

Answer 1

您的页面上未包含jquery.js。在<script>内的其他<head>之前添加以下：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.js"></script>

或在Google的CDN中包含该版本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

或者包含存储在您自己的网络服务器上的版本。

然后你的JS工作正常，虽然fadeTo()的第二个参数应该是1而不是100 :( opacity不是百分比）。

请注意，如果您在浏览器的控制台中找到了错误（在Chrome中可以使用F12或ctrl-shift-I打开），您会看到此错误：

Uncaught ReferenceError: $ is not defined

...这是一个非常强烈的提示，即jQuery不可用。

演示：http://jsbin.com/isutim/1/edit

Answer 2

你是否包含了jquery-1.9.1.js文件？你也可以从jquery.org中包含它。从你的代码中我猜可能会导致问题

Answer 3

Javascript的内置setTimeout（）应该可以在Chrome中使用。

window.setTimeout(function () { $("p").fadeTo("fast", 100); }, 1000);

Jquery程序无法在Google Chrome中使用

3 个答案: