Fadein（），设置'display：table'而不是block

Question

现在当我淡入我的叠加div时，它会自动设置为display: block;。但我希望它是display: table。是否有像fadein()那样的jQuery函数呢？

的jQuery

$.when($("#overlay").fadeIn(200)).done(function() {
    setTimeout(function() {
        //ToDo
    });
}, 250);

Answer 1

$("#overlay").fadeIn(200).css('display','table');

更改fadeIn之后的CSS属性。

Answer 2

在CSS中设置opacity: 0;或在HTML中设置内联，然后运行此操作。您可以在运行之前设置display: table;。

如果您需要display: none;作为默认值（删除DOM中占用的空间等），请按照以下步骤操作：

$('#overlay').animate({opacity: 'toggle'}, {duration: 200, start: function() {
        $(this).css('display', 'table');
    }
});

如果您不需要display: none;，只需取出start()功能。

Answer 3

使用您的代码：

$.when($("#overlay").fadeIn(200).css("display", "table")).done(function() {
    setTimeout(function() {
        //ToDo
    });
}, 250);