Append（）方法不是复制样式

Question

我试图在DIV内复制以下内容。

<ul class="pie-legend"><li><span style="background-color:#0066CC"></span>10-0-1</li><li><span style="background-color:#33CC33"></span>10-0-4</li><li><span style="background-color:#CC3399"></span>10-0-7</li></ul>

（所有这些都是var传奇）

我已经使用了append方法来做到这一点。 它工作正常，但它无法复制其风格。

我有以下jQuery和HTML代码：

HTML：

<div id="legend"></div>

使用Javascript：

var legend = PieChart.generateLegend();
$('#legend').append(legend);

这有什么问题？你有什么想法吗？

Answer 1

DEMO - ＆gt; http://jsfiddle.net/4dfkr0q3/

span标记内没有任何内容。

更改此

<span style="background-color:#CC3399"></span>10-0-7

到

<span style="background-color:#CC3399">10-0-7</span>