用同位素复制另一个div中的项目?

时间:2019-06-18 08:49:35

标签: jquery insert move jquery-isotope isotope

当我单击它时,我想在右列($ rightcontainer)中复制我的一篇文章。但是,我看不到任何允许您复制项目而不是简单移动它的同位素选项。 将项目添加到右侧时,是否可以将其保留在我的左侧列中($ leftcontainer)? 感谢您的帮助!

$(window).load(function() {
  var $leftcontainer = $('.articleContainer'),
  $rightcontainer = $('.printContainer'),
  $body = $('body'),
  colW = 100,
  columns = null;

  $leftcontainer.isotope({
    itemSelector: '.article-box',
    percentPosition: true,
    masonry: {
      // use outer width of grid-sizer for columnWidth
      columnWidth: '.article-sizer',
    }
  })
  $rightcontainer.isotope({
    itemSelector: '.article-box',
    masonry: {
      columnWidth: $rightcontainer.find('.printContainer')[0]
    }
  })

  // On click, add article to the right section
  $('.main-section').on( 'click', '.insert-button', function() {
    var $item = $(this);
    $rightcontainer.isotope( 'insert', $item );
    $container.isotope('layout');
  });
});

1 个答案:

答案 0 :(得分:0)

我对同位素不熟悉,但是看起来它利用了jQuery的append()函数。 jQuery的append()接受一个元素并将其从其当前父级中移除,并将其添加到新的父级中。

尝试在添加元素之前克隆您的元素。应该会复制元素的深层副本,然后再添加副本。

var $item = $(this).clone();