javascript - 动态插入 HTML DIV 会破坏页面上的 jQuery DatePicker
问题描述
我有一个 HTML 页面应用程序,其中包含绑定到 jQuery 日期选择器的文本输入。它在启动时被初始化/绑定,并且运行良好。
该页面在同一页面上的日期选择器文本输入字段下方有一个内部容器 DIV。
我包含一张图片,因为我需要隐藏一些信息:
当我动态地将一个弹出窗体插入到这个内部容器中时,它变得可见、居中、漂浮在容器 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);
有任何想法吗?如果我不够彻底,请随时询问更多信息。
谢谢
解决方案
而不是使用:
e.innerHTML += clc_div;
我用了:
e.insertAdjacentHTML("beforeend", clc_div);
问题解决了。
推荐阅读
- javascript - 我正在尝试编写将单词列表淡入网页的 jQuery / JavaScript 代码
- php - 如何在php中的数组中传递多个函数参数?
- angular - 离子标签更改内容而不是所有页面
- spring - 在@EntityListeners 执行期间将实体添加到外部事务
- windows - 使用 icacls 命令设置完整性级别时,它会给出拒绝访问错误?
- c# - C# FileInfo 和并发修改?
- python - 谁能教我如何将第二个打印值写入文件?
- encryption - PGP加解密用BouncyCastle v1.8.6
- project - 排序算法项目
- php - 单选值列在 Laravel 的数据库中为空