如何淡化显示：内联块

Question

在我的页面中，我有一堆（大约30个）dom节点，应将其添加为不可见，并在完全加载时淡入。元素需要显示：内联块样式。我想使用jquery .fadeIn（）函数。这要求元素最初具有显示：none; 最初隐藏它的规则。在fadeIn（）之后，偏离路线的元素具有默认显示：Inherit;除继承以外，如何将淡入淡出功能与显示值一起使用？

Answer 1

您可以使用jQuery的动画功能自行更改不透明度，而不会影响显示。

Answer 2

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

Answer 3

只是为了充实Phil的好主意，这是一个fadeIn（），它使用.faded类依次加载每个元素中的淡入淡出，并转换为animate（）：

旧：

$(".faded").each(function(i) {

    $(this).delay(i * 300).fadeIn();

});

新：

$(".faded").each(function(i) {

    $(this).delay(i * 300).css('opacity',0).animate({'opacity': 1}, 500);

});

希望对像我这样的另一个jQuery newb有所帮助:)如果有更好的方法，请告诉我们！