Question

我不太确定它为什么不起作用。我从谷歌服务器获得了jQuery，它只是不会识别我的fadeOut。

这是我的html文件

<!DOCTYPE html>
<html>
<title>Prepare your Jimmies</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

<link rel="stylesheet" type="text/css" href="stylesheet.css">

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

<script type='text/javascript' src='script.js'></script>
    <body>
        <div id="loading">
            <p id="rj">Shh... No tears, Only Dreams Now</p>
        </div>
    </body>
</html>

这是script.js文件

// JavaScript Document
$(document).ready(function() {
    $('#rj').fadeOut(100,'slow');
});

任何帮助将不胜感激。感谢

Answer 1

我认为fadeOut有两个参数，一个超时和一个回调。所以它应该是：

// JavaScript Document
$(document).ready(function() {
    $('#rj').fadeOut('slow');
});

或

// JavaScript Document
$(document).ready(function() {
    $('#rj').fadeOut(100);
});

http://api.jquery.com/fadeOut/

Answer 2

您的问题是，您已将100和'slow'传递给fadeOut。

根据the docs，第一个参数duration是：

确定动画运行时间的字符串或数字。

只需使用“慢”OR 100，你就可以了：

$('#rj').fadeOut('slow');

或

$('#rj').fadeOut(100);

FIDDLE

（你会注意到我没有在小提琴中加入jqueryui。）

Answer 3

正如您在文档中看到的那样，fadeOut需要2个参数
第一个是动画的持续时间，你可以把100放100ms或'慢'，第二个参数是动画后执行的函数。 fadeOut Doc

所以你排队

$('#rj').fadeOut(100,'slow');

错了，你可以写：

$('#rj').fadeOut('slow');

或

$('#rj').fadeOut(100);

Answer 4

为了简化，你还必须包含jquery-ui库：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

Answer 5

看起来你正在使用fadeOut错误，它接受速度和回调函数，看起来好像你正在尝试延迟所以尝试：

$(document).ready(function() {
    $('#rj').delay(100).fadeOut('slow');
});

另外，请确保您的脚本与HTML页面位于与源状态相同的文件夹中。

Answer 6

你没头脑！ ;）

试试这个：

<!DOCTYPE html>
<html>
<head>
    <title>Prepare your Jimmies</title>
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>  
    <script type='text/javascript' src='script.js'></script>
</head>
<body>
    <div id="loading">
       <p id="rj">Shh... No tears, Only Dreams Now</p>
    </div>
</body>
</html>

jQuery不适用于我的HTML

6 个答案: