0

同位体を含む1つのdivがあり、別のdivからコンテンツを挿入しようとしています。しかし、私は立ち往生しています。

そこで、.html（）を使用してdiv2からコンテンツを取得し、isotope（'insert'、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>');

問題なく挿入します。

編集：ボタンをクリックすると挿入する必要があります

4

1 に答える 1

4

isotopeは、文字列ではなくDOM要素を期待しています。
これは私のために働いた： 

var node = $('<div/>', {
     html: $('#content2').html()
});
$container.isotope( 'insert', node);
于 2013-03-06T09:15:26.863 に答える