Question

我正在尝试将图像添加到div中。当图像追加时。显示“块”。我需要他们显示内联。

这是我正在运行的代码：

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

我尝试将它包装在具有“display：inline”设置的div中，但是jquery将其更改为“display：block”。

Answer 1

使用回调。

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

Answer 2

而不是内联样式尝试

.css('display', 'inline')

Answer 3

我对你为什么这样做感到有点困惑：

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

实际上，您正在创建一个图像，然后在将其添加到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);

Jquery追加 - 图像内联

3 个答案: