0

特定のdiv（id = error）がアニメーション化されない理由がわかりません。ここにdivがあります。

<asp:Content ID="SContent" ContentPlaceHolderID="MainMessageContent" runat="server">
    <div class="ui-widget" id="widget">
            <div id="error" runat="server" visible="false" style="padding: 0 .7em; margin-bottom:5px;">
                <p><span id="msgSpan" runat="server" style="float: left; margin-right: .3em;"></span>
                <strong>
                    <asp:Label ID="lblMessage" runat="server"></asp:Label>
                </strong></p>
            </div>
        </div>
</asp:Content>

そしてこれがjqueryです：

$("#MainMessageContent_error").animate({
        backgroundColor: "#FFB24B"
    },
                3000,
                function () {
                    $("#MainMessageContent_error").animate({ backgroundColor: "#fff" }, 3000);
                    $('#MainMessageContent_error').delay(10000).fadeOut('slow', function () {
                    });
                }
     );

フェードアウトしますが、アニメートしません。

4

2 に答える 2

1

あなたが試してみたいと思うかもしれない現代の解決策は次のとおりです。

<style type="text/css">
#MainMessageContent_error {
    -webkit-transition: background-color 3s;
    -moz-transition: background-color 3s;
    transition: background-color 3s;

    background-color: #FFB24B;
}

#MainMessageContent_error.animate {
    background-color: #FFF;
}
</style>

そして、.addClass('animate');それを実行します。

戻りたい場合は、それだけ.removeClass('animate');です。

これにより、ラグの少ないスムーズなアニメーションが得られます。誰かが「IEバージョンはどうですか？」と言う前に このソリューションは引き続き機能しますが、アニメーションがないことに注意してください。

于 2012-05-02T12:47:50.040 に答える
1

アニメーション効果を使用するには、jquery-uiライブラリをプラグインする必要があります。コアjqueryライブラリには、そのようなメソッドはありません。

于 2012-05-02T12:57:34.923 に答える