jquery - Clone的Class加法无效

Question

我有一个克隆函数，可以在双击时克隆一个对象。我也有一个 .addclass('Copy') 添加到这些克隆。但是，css 属性未正确应用。

假设我有一个 Block1。我的 html 文档中提供了 Block1、Block2 的副本。 Block2 有 .Copy 类，它适用得当。 (.copy 将副本向左移动一定量。)这些自动生成的克隆具有该类，但未遵守该类的边距属性。 .Copy 有一个 margin-left: -100px。克隆显然没有移动到一边这么多，而是一个奇怪的数量，比如我设置的 82%。我在带有 .Copy 类的 html 中手动提供的重复项偏离了 100 像素。

$(document).ready(function(){
    $("img:not('.Copy, .Show_Card')").live('dblclick', function(){
        var limit = $(this).parent().size();
        if (limit < 4) {
            var $clone = $(this).clone(true).addClass('Copy');
            $(this).parent().find('.DCT_Card:last').before($clone);
        }
    });
});

这些 img 克隆确实设置了边框，我认为这可能会导致一些问题。所以我删除了 border 属性并修复了奇数间距。那么有没有办法中继 css 效果？

Answer 1

使用insertBefore()代替before()

$('div').clone().addClass('back').insertBefore('div').eq(0); // 0 represent first div

http://jsfiddle.net/TjxBL/2/