Дублировать элемент в другом div с изотопом?

Question

Я хотел бы дублировать одну из моих статей в правом столбце ($ 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');
  });
});

Answer 1

Я не знаком с изотопом, но, как он выглядит, он использует функцию append () jQuery.Jndery append () берет элемент, удаляет его из текущего родителя и добавляет его к вашему новому родителю.

Попробуйте клонировать свой элемент, прежде чем добавить его.это должно сделать глубокую копию вашего элемента, а затем вы добавите копию.

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