スリックフェードdivが、私はフェードアウトカルーセルでフェードインを必要と私は、次のコードを持って

Question

を消える：

HTML

<div class="flash-container"> 
    <div class="documentsItem"> 
    <a href="" id="lnkDocuments"> 
     <div class="itemtitle" id="divTitle">Title 1</div> 
    </a> 
    </div> 
    <div class="documentsItem"> 
    <a href="" id="lnkDocuments"> 
     <div class="itemtitle" id="divTitle"> Title 2</div> 
    </a> 
    </div> 

    <div class="documentsItem"> 
    <a href="" id="lnkDocuments"> 
     <div class="itemtitle" id="divTitle"> Title 3</div> 
    </a> 
    </div> 
</div> 

CSS

.flash-container{ 
    float:right; 
    width:555px; 
} 
.documentsItem 
{ 
    float:right; 
    width:800px; 
} 
.documentsItem a{ 
    width:100%; 
    float:right; 
} 
.allitemslink{ 
    float:right; 
} 
.slider-parent-doc{ 
    width:100%; 
    float:right; 
} 

.slick-list { 
    margin-top:25px; 
    border:solid 1px; 
} 

.documentsItem a img 
{ 
    width:30px; 
    height:30px; 
    float:right; 
} 
.documentsItem a .itemtitle{ 
    float:right; 
    padding-right:10px; 
} 

JAVASCRIPT

$('.flash-container').slick({ 
    autoplay: true, 
    autoplaySpeed: 1000, 
    fade: true, 
    infinite: true 
}); 

このコードを実行すると、フェードイン効果があるタイトル2のみが表示されます。他の要素はまったく表示されません。私はすべてのdivをカルーセルのように表示する必要があります。私は間違って何をしていますか？ありがとう。

Answer 1

問題はフェードが正常に動作し、CSSからこれを除去した後

float: right; 

であるように思えます。質問を閉じることができます