Клонирование разделов с помощью Metalclone, помещая все новые элементы в неправильный раздел

Question

У меня есть страница, которая содержит несколько разделов, а затем в каждом разделе есть несколько строк полей формы (имя, возраст, пол и т. Д.). Общие вещи. Под каждым разделом есть кнопка для добавления новой строки. Проблема в том, что при нажатии любой из кнопок новая строка клона будет добавлена ​​к самому последнему разделу, а не к разделу, который соответствует тому, для которого была нажата кнопка.

Когда вы нажимаете кнопку «Создать новый элемент» в разделе «Закрыть друзей», а затем прокручиваете страницу вниз до раздела «Друзья», и вы увидите там новую добавленную строку.

Вот ссылка на JSFiddle .

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

Один из примеров показывает пункт назначения в качестве примера:

$('.toClone_example6').metalClone({
    position            : 'after',
    destination         : '.toClone_example6_destination'
});

Answer 1

Я создатель этого плагина, а вы тот, кто открывает вопрос с github, я прав?

Чтобы справиться с этой ситуацией, вы должны инициализировать metalClone вызов для клонирования каждого раздела и использовать разные имена классов для каждого раздела.

Смотрите обновленную демонстрацию здесь jsfiddle .

В то же время я исправлю эту проблему и добавлю другие функции для следующего выпуска. Оставайтесь с нами.