Дублируйте div, содержащий функциональные элементы, с помощью jquery.

Question

У меня есть перетаскиваемое поле с кнопкой добавления, чтобы заполнить поле элементами.Я хотел бы иметь кнопку, которая дублирует это поле со всеми его функциями и элементами.

Моя проблема и вопрос на данный момент:как я могу продублировать всю коробку?Включая его элементы и функции?

Вот предварительный просмотр кода;

http://jsfiddle.net/AttEb/

Answer 1

Используйте метод jQuery .clone(), но передайте true в качестве аргумента.

Из документации:

Метод .clone () выполняет глубокое копирование набора совпадающих элементов ...

Обычно любые обработчики событий, связанные с исходным элементом, не копируются в клон. Необязательный параметр withDataAndEvents позволяет нам изменить это поведение и вместо этого создавать копии всех обработчиков событий ...

Обратите внимание, что если вы настроили обработчики событий, используя live и / или delegate, они будут автоматически влиять и на новые элементы, если они соответствуют тем же селекторам.