jQuery的克隆不克隆

Question

我有这样的：

<div class="header"> 
</div> 
<div> 
    <span class="spacer"></span> 
</div> 

有：

$('.spacer').clone().appendTo('.header') 

但这移动.spacer元素.header元素，而不是如果复制它。

我不明白为什么这是行不通的，因为在documentation说：

<div class="container"> 
    <div class="hello">Hello</div> 
    <div class="goodbye">Goodbye</div> 
</div> 

转换为：

<div class="container"> 
    <div class="hello">Hello</div> 
    <div class="goodbye"> 
    Goodbye 
    <div class="hello">Hello</div> 
    </div> 
</div> 

与$('.hello').clone().appendTo('.goodbye');

任何想法？

看到这个fiddle。

1. 橙色是我想要的项目粘贴
2. 黄色是间隔
3. 项目我要贴有不同颜色
4. 红在底部我在哪里获取的克隆

Answer 1

我用小提琴调试过，谢谢。我发现了一个div，我没有关闭。

Answer 2

你可能忘记了分号“;”因为这是工作：

$(document).ready(function(){ 
    $('.spacer').clone().appendTo('.header'); 
}); 

Answer 3

确保您的代码里面document.ready。它指定一个函数在DOM完全加载时执行。看起来你的功能是在dom加载之前调用的

$(document).ready(function(){ 
    $('.spacer').clone().appendTo('.header'); 
});