jquery - 2つのアクション、fadein（）とanimate（）を同時に実行します

Question

重複の可能性：
どのようにフェードインとアニメートを同時に行いますか？

jqueryを使用して、フェードインとdivのアニメーション化を同時に行いたいと思います。これが私のコードです：

$('#div').fadeIn('slow').animate({'left' : '5%'}, duration);

問題は、私が最初にフェードしてから、divがそれ自体をアニメーション化し始めていることです。

私もこれを試しましたが、結果がありませんでした：

$('#div').fadeIn('slow');
$('#div').animate({'left' : '5%'}, duration);

ありがとう

score 2 · Accepted Answer

単にanimate()両方に使用しないのはなぜですか？

$('#div').animate({
    'left' : '5%',
    'opacity' : 1
}, 600);

score 2 · Accepted Answer

あなたはこれを試すことができます：http：//jsfiddle.net/dXCPF/1/

$('#div').css({'display':'block', 'opacity':'0'})
         .animate({'opacity':'1','left':'5%'}, 1500);

最初に私はそれを行い、display:none;次にjQueryでcssを適用し、それもアニメーション化しました。両方の効果が同時にあるようです。

score 1 · Accepted Answer

display: noneanimateは要素に対して機能していないようです（機能しているようにfadeIn）。したがって、使用する前にこれを置く必要があるかもしれませんanimate：

$('#div').css('display', 'block');
//then use animate
$('#div').animate({'left' : '5%'}, duration);

score 1 · Accepted Answer

これを試して：

$('#div').animate({ 
    opacity: 1
}, { duration: slow, queue: false });
$('#div').animate({
   left: '5%'
}, { duration: duration, queue: false });

score 1 · Accepted Answer

1

簡単に使用できます

$('#div').fadeIn(fast).animate({'left' : '5%'}, fast);

于 2013-01-03T13:59:15.053 に答える

5 に答える 5