jQueryの.fadeinは、私が神秘的な問題持って

Question

前にコンテナに影響を与えます。それは正常に動作してfadeIn効果でdatamsg0後にコンテナを挿入

<div class="kld0"> 
    <div class="mbx24"> 
     <div class="wlls-t"> 
      <div class="row1">test1</div> 
      <div class="row2">test2</div> 
      <div class="row3">test3</div> 
     </div> 
    </div> 
</div> 

：この場合

<div class="ttbl0" id="msg0">Messages</div> 

$(data).hide().fadeIn(1000).insertAfter("#msg0"); 

dataをしています。問題は、dataがフェードインを完了した後、コンテナmsg0が同じことをする - それが消えて、fadein効果で再び表示されるという問題です。

append機能で試しましたが、同じ問題があります。コンテナmsg0が消えてフェードインします。この問題を引き起こす可能性のあるクローズドタグはありません。

これは、1つの容器だけでなく、私はより多くを作成する場合：。

<div class="ttbl0" id="msg0">Messages</div> 
<div class="ttbl0">Messages</div> 
<div class="ttbl0">Messages</div> 
<div class="ttbl0">Messages</div> 

それらのすべてが消え、フェードイン

.ttbl0 { 
    width: 759px; 
    font-weight: 700; 
    padding: 10px; 
    float: left; 
    border-left: 1px solid #c4c4c4; 
    border-right: 1px solid #c4c4c4; 
} 




$(document.body).on('submit','#sendmessage',function() { 

var str = $(this).serialize(); 
$.ajax({ 
type: "POST", 
url: "/send.php", 
data: str, 
success: function(data) { 


$(data).hide().fadeIn(1000).insertAfter("#msg0"); 

} 

}); 
return false; 
}); 

Answer 1

コンテナttbl0が問題だったfloat:leftがありました。

float:left 

display:inline-block 

にし、問題がなくなっている：私が変更されました。

新しい投稿を見て、それらを評価している人へのメッセージ：あなたがこの方法で続けると、あなたのウェブサイトは訪問者を失います。問題解決の代わりに否定的な評価を得ることは本当に屈辱的です。