jQuery fadeIn（）结果显示：块为内联元素 [英] jQuery fadeIn() results in display: block for inline element

问题描述

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

<div></div>

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

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

你会注意到结果的span有内联样式 display：block; / code>而不是inline。

You'll notice the resulting span has inline style display: block; instead of inline.

这是生成的html：

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

如何获取fadeIn（）结果显示：inline？

How do I get the fadeIn() to result in display: inline?

推荐答案

通过克隆原始对象我可以调用fadeIn，它给我一个内联样式。

By cloning the original object I can call fadeIn and it gives me an inline style.

var $htm = $('<span/>')
, $divs = $('div');

$divs.replaceWith(function(){
   return $htm.clone().fadeIn(2000);
});

这篇关于jQuery fadeIn（）结果显示：块为内联元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！