display = inline-blockでfadeInを使う方法

Question

私はディスプレイをインラインブロックにする必要があるdivをフェードインしようとします。
fadeInメソッドは、display = blockだけを仮定しているようです。
その動作を変更する方法はありますか？

Answer 1

私は上記の読むものの組み合わせから、これは私が得たベストです：

$(div).css({ 
     opacity: 0, 
     display: 'inline-block'  
    }).animate({opacity:1},600); 

Answer 2

css()を使用している場合は、

$("div").fadeIn().css("display","inline-block"); 

Answer 3

私はinline-block要素内の余分な素子層を入れて、代わりにそのフェージングをお勧めしたいです。

<div style='display:inline-block;'> 
    <div id='fadmein'>....</div> 
</div> 

$('#fademein').fadeIn(); 

私はそれが余分なマークアップだと知っていますが、おそらく問題の最も実用的な解決策です。

代わりに、fadeIn()を使用するのではなく、JQueryのanimate()メソッドを使用して不透明度を変更する方法があります。これにより、opacityプロパティのみが変更されます。 displayプロパティは変更されません。

Answer 4

jQueryフォーラムのthis questionによれば、解答のプロパティをblockに変更してフローティングにすることをお勧めします。