当我单击它时,我想在右列($ 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');
});
});
答案 0 :(得分:0)
我对同位素不熟悉,但是看起来它利用了jQuery的append()函数。 jQuery的append()接受一个元素并将其从其当前父级中移除,并将其添加到新的父级中。
尝试在添加元素之前克隆您的元素。应该会复制元素的深层副本,然后再添加副本。
var $item = $(this).clone();