0

同時にフェードイン/アウトしたい。私は次のものを持っています：

visiblePanel.fadeOut(FU.featureTiming.transition, function () {
    visiblePanel.next().fadeIn(FU.featureTiming.transition, function () {
        visiblePanel.next().find('img').removeClass('displayNone')
    });
});

画像のフェードアウトと次の画像のフェードインを同時に行うにはどうすればよいですか。

4

2 に答える 2

2

コールバックで次のフェージングを呼び出すのではなく、すぐに呼び出します。

visiblePanel.fadeOut(FU.featureTiming.transition);
visiblePanel.next().fadeIn(FU.featureTiming.transition, function(){
    visiblePanel.next().find('img').removeClass('displayNone')
});
于 2013-01-30T15:02:49.087 に答える
0

1 つの div がフェード インし、別の div が同時にフェード アウトする例を次に示します。

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#box1').fadeOut('slow', function() {
                 // Animation complete
            });
            $('#box2').fadeIn('slow', function() {
                 // Animation complete
         });
});
</head>
<body>
    <div style="width:100px; height:100px; background-color:green" id="box1"></div>
    <div style="width:100px; height:100px; background-color:red; display:none"  id="box2"></div>
</body>
</html>

イベントを同時に発生させたい場合は、コールバックを使用しないでください。アニメーション終了時にコールバック関数が実行される

于 2013-01-30T15:09:37.793 に答える