Динамическая вставка HTML DIV уничтожает jQuery DatePicker на странице - PullRequest
0 голосов
/ 13 декабря 2018

У меня есть одно приложение HTML-страницы, которое содержит текстовый ввод, привязанный к средству выбора даты jQuery.Он инициализируется / связывается при запуске и работает нормально.

На той же странице на странице есть внутренний контейнер DIV, расположенный под полем ввода текста datepicker.

Я включаюизображение, потому что мне нужно скрыть некоторую информацию:

enter image description here

Когда я динамически вставляю всплывающую ФОРМУ в этот внутренний контейнер, она становится видимой, центрированной, плавающейнад контейнером DIV.

<div id="CLC_Form">...</div>
var e = document.getElementById("contentDIV");
e.innerHTML += clc_div;

Однако он также уничтожает средство выбора даты, очищает выбранную дату и делает поле выбора даты мертвым / несвязанным и не отвечает, когда я удаляю добавленную ФОРМУ (когда пользователь нажимает "Кнопка «Сохранить» во всплывающей форме).

var e = document.getElementById("CLC_Form");
e.parentElement.removeChild(e);

Есть идеи?Пожалуйста, не стесняйтесь спрашивать дополнительную информацию, если я не был достаточно тщательным.

Спасибо

1 Ответ

0 голосов
/ 13 декабря 2018

Вместо использования:

e.innerHTML += clc_div;

Я использовал:

e.insertAdjacentHTML("beforeend", clc_div);

Проблема решена.

...