javascript - jQueryクローンはクローンしません

Question

私はこれを持っています：

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

と：

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

ただし、これは要素をコピーするのではなく、要素を要素に移動 します。.spacer.header

ドキュメントに次のように記載されているため、これが機能しない理由がわかりません。

<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');

何か案は？

このフィドルを参照してください。

1. オレンジはアイテムを貼り付けたい場所です
2. 黄色はスペーサー
3. 貼りたいものが色違いで
4. 下部の赤は、クローンを取得している場所です

Answer 1

私はフィドルでデバッグしました、ありがとう。閉じていないdivを見つけました。

Answer 2

コードが 内にあることを確認してくださいdocument.ready。DOM が完全にロードされたときに実行する関数を指定します。DOMがロードされる前に関数が呼び出されたようです

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

Answer 3

セミコロン「;」を忘れている可能性があります。これが機能しているので：

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