клон jQuery () не клонує події прив'язки, навіть при ввімкненому ()

Я створив низку спеціальних подій jQuery для використання в мобільних веб-додатках. Вони чудово працюють і пройшли перевірку. Однак я зіткнувся з невеликою проблемою, яку у мене виникають проблеми з розумінням.

Я використовую .clone()кілька елементів у DOM, які містять кнопку. Кнопка має деякі пов'язані з нею користувацькі події (події пов'язані за допомогою .on()), але. На жаль, коли я використовую jQuery's .clone(), прив'язки не зберігаються, і мені доведеться їх додати ще раз.

Хто-небудь стикався з цим раніше, хтось знає про потенційну роботу? Я думав, що використання .on()повинно зберегти прив'язку для елементів, які існують зараз, або в майбутньому?

Я думаю, ви повинні використовувати цю перевантаження методу .clone () :

$element.clone(true, true);

клон ([withDataAndEvents] [, deepWithDataAndEvents])

withDataAndEvents : логічне значення, яке вказує, чи потрібно копіювати обробники подій та дані разом з елементами. Значення за замовчуванням - помилкове.

deepWithDataAndEvents : логічне вказівка, чи слід копіювати обробники подій та дані для всіх дітей клонованого елемента. За замовчуванням його значення відповідає значенню першого аргументу (який за замовчуванням відповідає false).

Остерігайтеся, що .on()насправді не пов'язує події з цілями, а з елементом, якому ви делегуєте. Тож якщо у вас є:

$('#container').on('click', '.button', ...);

Події насправді пов'язані #container. Коли відбувається клацання на .buttonелементі, він переходить до #containerелемента. Елемент, який викликав подію, оцінюється за параметром селектора .on()та, якщо він відповідає, обробник події виконується. Так працює делегація подій.

Якщо ви клонуєте елемент #container, вам доведеться глибоко клонувати події та дані, для яких зв'язки, з якими .on()потрібно зберегти.

Це не буде необхідним, якби ви користувались .on()батьком #container.

Ви повинні знати про те, що функція глибокого клонування була додана до версії 1.5 jQuery.

Більше інформації на цю тему:

http://api.jquery.com/clone/