在Jquery同位素中插入內容

Question

我有一個div與同位素，我試圖從另一個div插入內容。但我卡住了。

所以我試圖擺脫DIV2以.html（內容），並將其插入到與同位素（「插入」，div2.html（））的同位素，它不工作

<div id="content1" > 
    <div class="large item"> <img src="images/5.jpg" /> </div> 
    <div class="small item"> <img src="images/7.jpg" /> </div> 
    <div class="medium item"> <img src="images/6.jpg" /> </div> 
    <div class="medium item"> <img src="images/13.jpg" /> </div> 
    <div class="small item"> <img src="images/7.jpg" /> </div> 
</div> 
<div id="content2" > 
    <div class="box item"> 
    <p>blabla</p> 
    <ul> 
     <li> 
     aaaa 
     </li> 
    </ul> 
    </div> 
</div> 

var $container = $('#content1'); 
    $container.isotope({ 
      // options 
     itemSelector : ".item", 
     masonry: { columnWidth: $container.width() * 0.125}, 
     resizable: false, 
     animationEngine : 'jquery' 

    }); 

    var $newItems = ''; 
    $container.isotope('insert', $newItems); 

現在我的問題是，當我做到這一點

var $newItems = $('#content2').html(); 

什麼也沒有發生，但是當我這樣做

var $newItems = $('<div class="box item"><h1> Lorem ipsulm </h1><p>Lorem ipsum dolor</p>sit amet, consectetur adipiscing elit.</p></div>'); 

它沒有問題插入它。

編輯：它必須插入它時，我點擊一個按鈕

Answer 1

同位素期待一個DOM元素，而不是一個字符串。
這爲我工作：

var node = $('<div/>', { 
    html: $('#content2').html() 
}); 
$container.isotope('insert', node);