我在网站上有一个多步骤网络表单。当一个人接下来单击div时,div会随着div 2的淡入而淡出。我看到的问题是,div div逐渐淡出时div 2会在div 1之下淡出,然后在div 1淡出时跳动。
我如何防止这种情况并使它们实际淡入淡出?
的HTML
<div class="step-1">
<!-- CODE -->
</div >
<div class="step-2">
<!-- THIS DIV IS HIDDEN TO BEGIN WITH -->
</div >
JS
$( ".step-1-next" ).on( "click", function() {
$( ".step-1" ).fadeOut( "slow" );
$( ".step-2" ).fadeIn( "slow" );
return false;
});
尝试这个:
$( ".step-1-next" ).on( "click", function() {
$( ".step-1" ).fadeOut( "slow", function(){
$( ".step-2" ).fadeIn( "slow" );
});
});
这将导致淡入等待被调用,直到淡出完成为止。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句