Cufon，cufontext打破了jQuery克隆IE7

Question

我在jQuery滑块中有5个元素，然后克隆滑块元素一次，因此有足够的元素用于圆形连续幻灯片。

以下是我用来克隆元素的代码：

$mo.prepend($mo.children().clone().removeClass('active'));

在第一个实例中，Cufon工作得很好，但是在它被克隆后，它似乎打破了它的布局，通过添加间距并将cufontext保留在元素后面。

这是一张更好地描述问题的图片：

我已尝试以下方法尝试并参考并重新设置cufon文本;

    $mo.prepend($mo.children().clone().removeClass('active').show(function(){
        Cufon.refresh();
    }));

我也试过用Cufon.replace()重新定义cufon以前有人有这个问题，如果有的话你是怎么解决的？

我注意到克隆完成后，cufontext的第一个实例上的CSS属性在传输中丢失。

请注意，这些问题仅在IE7中（可能更低）

我已经复制了这个问题，在JSBIN中它确实发生了我网站上发生的事情，

http://jsbin.com/awupuw/

Answer 1

为了让IE7在移动元素时工作，我必须交换事物的顺序并使用prependTo而不是prepend。也许值得一试。

Answer 2

所以我想出了如何做到这一点，我意识到jQuery也在复制HTML中的cufon元素，所以当我恢复cufon.register或刷新它会尝试将它应用于{{ 1}}元素已经注册。

要解决此问题，我只需在调用cufon之前清除对象。

您可能会清除与我不同的对象，但是它可以工作，所以这里是我使用的代码。

.clone()

http://jsbin.com/awupuw/9 - ＆gt;工作实例