动态插入 HTML DIV 破坏页面上的 jQuery DatePicker

Dynamically inserting HTML DIV destroys jQuery DatePicker on the page

我有一个 HTML 页面应用程序,其中包含绑定到 jQuery 日期选择器的文本输入。启动时 initialised/bound,运行正常。

页面有一个内部容器 DIV,位于同一页面的日期选择器文本输入字段下方。

我正在添加一张图片,因为我需要隐藏一些信息:

当我动态地将弹出式 FORM 插入到这个内部容器中时,它变得可见、居中、浮动在容器上 DIV。

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

但是,它也会破坏日期选择器,清除所选日期,并使日期选择器字段 dead/unbound 在我删除添加的 FORM 时无响应(当用户单击 "Save" 按钮时弹出表格)。

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

有什么想法吗?如果我不够全面,请随时询问更多信息。

谢谢

而不是使用:

e.innerHTML += clc_div;

我用过:

e.insertAdjacentHTML("beforeend", clc_div);

问题已解决。