Fontello和jQuery

Question

当我使用Fontello和jQuery时，有一些奇怪的事实。

如果我添加一些div

<div class="qwerty" style="display: none;">
        <i class="icon-move"></i>
</div>

如果我尝试克隆<i>这样的元素

$(document).ready(function() {
            var cl = $(".icon-move").clone();
            $(cl).css("display", "block");
            $(cl).appendTo(".content-wrapper");

});

它克隆好了。

但是，如果我尝试使用jQuery在DOM中创建新的<i>元素，并将新的<i>元素添加到某个<div>元素中，就像这样

$(document).ready(function() {
            var i = $("<i>");
            $(i).appendTo(".content-wrapper");
});

然后会添加<i>元素，但此<i class="icon-move"></i>不会显示为fontello图片。

我可以在fontello的DOM <i>中创建新的<i class="icon-move"></i>元素吗？为什么不呢？

非常感谢。

Answer 1

需要使代码看起来像

<script>
        $(document).ready(function() {
            var i = $("<i>");
            $(i).addClass("icon-move");
            $(i).appendTo(".content-wrapper");
        })
</script>