1

アプリケーションで ajax アニメーション エクステンダーを使用しています。IE9 を除くほぼすべてのブラウザで完全に動作します。私はコードを次のように使用しています：

<cc1:AnimationExtender ID="OpenAnimation" runat="server" TargetControlID="btnAddNewComment"
        BehaviorID="OpenAnimationBehavior">
        <Animations>
            <OnClick>
               <Sequence>
               <%-- Disable the button so it can't be clicked again --%>
               <EnableAction Enabled="false" />
               <%-- Position the wire frame and show it --%>

               <StyleAction AnimationTarget="flyout" Attribute="display" Value="block"/>
               <%-- Move the wire frame from the button's bounds to the info panel's bounds --%>
               <Parallel AnimationTarget="flyout" Duration=".3" Fps="25">
                   <Resize Width="850" Height="420" />
                   <Color PropertyKey="backgroundColor" StartValue="#AAAAAA" EndValue="#FFFFFF" />
               </Parallel>
               <%-- Move the  panel on top of the wire frame, fade it in, and hide the frame --%>

               <StyleAction AnimationTarget="info" Attribute="display" Value="block"/>
               <FadeIn AnimationTarget="info" Duration=".2" />
               <StyleAction AnimationTarget="flyout" Attribute="display" Value="none"/>
               </Sequence>
            </OnClick>
        </Animations>
    </cc1:AnimationExtender>




Corresponding JS function to play the animation is:

 // function to open the animation popup
    function OpenExtender(tempCommentID)
    {

        var behaveYourself       = $find("OpenAnimationBehavior");
        var onClickAnimation     = behaveYourself.get_OnClickBehavior();
        onClickAnimation.play();

        return false;
    }

ボタン 'btnAddNewComment' をクリックするとポップアップが表示されますが、ポップアップ div にマウスを合わせると問題が発生します。ポップアップにマウスオーバーすると、ポップアップが消えます。

何が問題になるのか誰にも言えませんか？

4

2 に答える 2

1

次のステップに気づきました。AnimationExtenderから呼び出されたコントロールから次のコードを削除します。

"不透明度：0;フィルター：progid：DXImageTransform.Microsoft.Alpha（opacity = 0）;"

その後、問題は修正されました。

于 2012-03-12T17:38:01.617 に答える
1

私には、IE9 は Animation Extender による変更を記憶していないように思えます。公式サンプルでも動きません。(たとえば) Display: none を Dislay: ブロックにアニメーション化した場合、アニメーションが停止すると、次の再描画で Display: none に戻ります (要素の上にマウスを移動するか、リフレッシュを呼び出す必要があります)。すぐに修正されることを願っています。

于 2011-06-18T21:31:40.603 に答える