Wie klon ein jQuery-Objekt und seine Kinder, ohne Referenzen in IE11

Question

Ich versuche, ein jQuery-Objekt, seine Kinder und keine Referenzen zu klonen. Mein Verständnis ist, dass clone() dies erreichen sollte, aber in IE11, das zweite Mal, dass ich versuche, eines der untergeordneten Objekte an das leere umgebende div anzuhängen, existiert dieses untergeordnete Objekt nicht mehr. Sie können dies sehen, indem Sie in meinem Schnipsel zweimal auf "klick mich" klicken und IE11 verwenden.

Ich denke, mein Problem könnte sein, dass die Child-Referenzen geklont wurden, also überschrieb die leere div sie, aber möglicherweise falsch darüber. Bisher hat clone() am besten für das Klonen des Elternelements funktioniert. Ich bevorzuge lieber jQuery als getElementsByClassName. Ich hatte kein Glück mit $.extend(true, {}, $('.allItems'));

Ich würde jede Hilfe mit diesem schätzen!

window.$allItems = $('.carousel_item').clone(); 
 

 
$('.link').on('click', function(evt) { 
 
    evt.preventDefault(); 
 
    
 
    $('.blue').html('').append('<div id="bills"></div>'); 
 
    $('#bills').append($allItems[0]); 
 
});

.blue { 
 
    background-color: #d0e4f2; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<a href="#" class="link">clickme</a> 
 
<div class="blue"> 
 
    <div id="bills"> 
 
    <div class='carousel_item'> 
 
     <img src='http://fillmurray.com/150/200'> 
 
     <div> 
 
     <span>Tomatoes</span> 
 
     </div> 
 
    </div> 
 
    <div class='carousel_item'> 
 
     <img src='http://fillmurray.com/200/200'> 
 
     <div> 
 
     <span>Film</span> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

diese gelöst.

Um das Karussellelement nach Anhängen eines leeren Divs mehr als einmal anzuhängen, musste ich die DOM-Elemente jedes Mal klonen, wenn die Funktion aufgerufen wurde. Ich brauchte eine Zeile auf den Klick-Listener hinzuzufügen:

$allItems = $allItems.clone();