2012-07-23 41 views
2

我想在我的web应用中使用jQuery fadIn函数,但持续时间/速度参数无论如何都没有任何影响。下面是HTML代码:jQuery淡入时间没有影响

<!DOCTYPE html> 
<html> 
<head> 
    <title>Web App Test Bench</title> 
    <meta name="viewport" content="user-scalable=yes,width=device-width" /> 
    <meta charset="ISO-8859-1"/> 
    <link rel="icon" type="image/png" href="mj_logo.png" /> 
    <meta name="apple-mobile-web-app-capable" content="yes" /> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0 /jquery.mobile-1.1.0.min.css" /> 


    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> 


<script type="text/javascript" src="test.js"></script> 
<body> 
    <section id="page1" data-role="page"> 

    <div data-role="content" class="content"> 

    <img id="logo" src="welcomeLogo.jpg" alt="Welcome Logo"/> 

    </div> 

</section> 

</body> 
</html> 

和JavaScript是:

$(document).ready(function() 
{ 
    $("#logo").hide().fadeIn("8000",function() 
    { 
     console.log("The animation is done"); 
    } 
    ).fadeOut("8000"); 


}) 

其价值,或大或小我选择,动画是在flash.Any建议做,以什么事情不管是问题吗?

回答

2

您需要通过速度为整数,而不是一个字符串值,使你的代码:

$(document).ready(function() 
{ 
    $("#logo").hide().fadeIn(8000,function() 
    { 
     console.log("The animation is done"); 
    } 
    ).fadeOut(8000); 
}) 

如果你想用一个字符串值,您可以使用“快”和'slow'分别指示200和600毫秒的持续时间。

+0

谢谢您节省我的一天 – user1107888 2012-07-23 15:03:34

2

它应该是一个数字而不是一个字符串。

$(document).ready(function() 
{ 
    $("#logo").hide().fadeIn("8000",function() 
    { 
     console.log("The animation is done"); 
    } 
    ).fadeOut(8000); 


})​ 
+0

谢谢您节省我的时间 – user1107888 2012-07-23 15:03:18