2

Web アプリで jQuery fadIn 関数を使用しようとしていますが、期間/速度パラメーターはまったく効果がありません。HTMLコードは次のとおりです。

<!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");


})

選択した値の大小に関係なく、アニメーションは一瞬で完了します。何が問題になる可能性があるかについて何か提案はありますか?

4

2 に答える 2

2

文字列ではなく数値である必要があります。

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


})​
于 2012-07-23T14:28:08.063 に答える
2

コードを作成して、速度を文字列値ではなく整数として渡す必要があります。

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

文字列値を使用したい場合は、'fast' と 'slow' を使用して、それぞれ 200 ミリ秒と 600 ミリ秒の期間を示すことができます。

于 2012-07-23T14:32:29.690 に答える