clone jQuery ne clone pas

Question

J'ai ceci:

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

avec:

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

Mais cette se déplace élément .spacer à l'élément .header, au lieu si copie il.

Je ne comprends pas pourquoi cela ne fonctionne pas, parce que dans documentation dit que:

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

est converti en:

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

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

Toutes les idées?

Voir ceci fiddle.

1. Orange est là où je veux coller des éléments
2. jaune est l'entretoise
3. articles que je veux coller sont en différentes couleurs
4. rouge en bas est où je suis aller chercher les clones

Answer 1

J'ai débogué avec le violon, merci. J'ai trouvé un div que je ne fermais pas.

Answer 2

Vous pourriez avoir oublié le point-virgule ";" comme cela fonctionne:

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

Answer 3

assurez-vous que votre code est à l'intérieur document.ready. Il spécifie une fonction à exécuter lorsque le DOM est entièrement chargé. On dirait que votre fonction a été appelée avant que le dom est chargé

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