jQuery fadeIn() 结果显示 : block for inline element

Question

http://jsfiddle.net/chovy/dk5Ua/

<div></div>

var $span = $('<span>foo</span>');

$span.hide();
$("div").append($span);
$span.fadeIn();

您会注意到生成的跨度具有内联样式 display: block; 而不是 inline。

这是生成的 html:

<span style="display: block;">foo</span>

如何让 fadeIn() 产生 display: inline？

Answer 1

我刚刚找到了类似问题的简单解决方案。在你的情况下，修复是这样的:

$span.css('display', 'inline').hide().fadeIn();