У меня есть страница, похожая на редактор шаблонов компоновщика страниц. Я использую Dragula.JS в качестве плагина для перетаскивания и использовал их метод copy для копирования элементов из других контейнер. Вот как это выглядит:
Проблема в том, что когда я перетаскиваю столбцы с правой стороны и помещаю элементы в левое поле, они копируются точно так же, как и в правых столбцах. Это мой код:
<div id="2col" class="collapse column-choices">
<a href="#" class="list-group-item">
<div class="row">
<div class="layoutBorder one-half"></div>
<div class="layoutBorder one-half"></div>
</div>
</a>
<a href="#" class="list-group-item">
<div class="row">
<div class="one-four layoutBorder"></div>
<div class="three-four layoutBorder"></div>
</div>
</a>
<a href="#" class="list-group-item">
<div class="row">
<div class="three-four layoutBorder"></div>
<div class="one-four layoutBorder"></div>
</div>
</a>
</div>
и мой JS:
// the `templateContainer is the right box container`
dragula([document.getElementById('2col'), document.getElementById('templateContainer')], {
copy: true,
});
Когда я перетаскиваю вещи в левый контейнер, этот код будет включен:
<a href="#" class="list-group-item">
<div class="row">
<div class="layoutBorder one-half"></div>
<div class="layoutBorder one-half"></div>
</div>
</a>
Это не я хочу. Вопрос в том, как скопировать элементы из правого контейнера, и когда они будут помещены в левый ящик, элементы контейнера изменят эту мою цель. Я изменю элементы на:
<div class="element-to-paste">
This thing will be copy on the left box. From Right.
</div>
Пожалуйста, укажите мне на другой плагин перетаскивания, который может решить мою задачу.