Jquery append - 画像インライン

Question

divに画像を追加しようとしています。イメージが追加されたとき。 "ブロック"が表示されています。インラインで表示する必要があります。

これは私が実行しているコードです：

$(".showvideothumbs").append($('<img src="/garageimages/'+data.thumb+'" style="display:inline">').hide().fadeIn(2000)); 

私は「表示：インライン」はdivの中でそれをラップしようとしたセットが、「表示：ブロック」にjqueryの変更を。 、

$('<img src="/garageimages/'+data.thumb+'" style="display:inline">').hide().fadeIn(2000) 

あなたは実際には、ある画像を作成し、隠し、：代わりにインラインスタイルの

Answer 1

使用コールバック。

$(".showvideothumbs").append('<img src="/garageimages/'+data.thumb+'" style="display:none;"/>').find('img').fadeIn(2000,function(){ 
    $(this).css('display', 'inline'); 
}); 

Answer 2

は、私はあなたがこれをやっている理由として少し混乱している

.css('display', 'inline') 

Answer 3

を試してみてくださいそれがDOMに追加される前に表示されます。

.css('display', 'inline')を使用してスタイルを設定すると効果的ですか？

$(".showvideothumbs").append($('<img src="/garageimages/'+data.thumb+'" style="display:inline">').css('display', 'inline')); 

次に、/（読みのより容易にするためにフォーマット）を含むDIVにフェード非表示を適用することができます。

$(".showvideothumbs") 
    .append($('<img src="/garageimages/'+data.thumb+'" style="display:inline">') 
     .css('display', 'inline')) 
    .hide().fadeIn(2000);