jquery - 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");

});

它克隆OK。

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

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

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

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

非常感谢。

Answer 1

需要使代码看起来像

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