Question

我有一个同位素div，我试图从另一个div中插入内容。但我卡住了。

所以我试图用.html（）从div2获取内容并将其插入同位素同位素（'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>');

它插入它没有问题。

编辑：当我点击按钮

时必须插入它

Answer 1

同位素期待一个DOM元素，而不是一个字符串这对我有用：

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

在Jquery同位素中插入内容

1 个答案: