javascript - 动态添加的 jquery 脚本未检测到单击
问题描述
感谢您的关注。
我有一个 DOM,我在其中动态插入一个 JS 脚本元素,使用:
var script = document.createElement("script");
script.id = "dynJS";
script.type = "type/javascript";
document.body.appendChild(script);
一些事件之后,我在页面中生成按钮。然后,我在这个脚本元素中添加以下代码来监听这些按钮的点击:
$(document).ready(function(){
$(document).on("click", "button#but1", function(){
alert("click A");
}
}
(分别用于其他按钮)
但未检测到点击。有谁知道为什么?
编辑:问题解决了。
感谢评论,我解决了在预先存在按钮添加的代码中移动委托点击侦听器的问题,避免了多余的脚本添加。
非常感谢您的帮助。
解决方案
推荐阅读
- grep - 带有模式文件的 grep 返回所有行而不是目标
- python - tesseract 中的 TSV 和 TXT 输出
- sql - 我如何获取 UNION 中的唯一记录,其中一列对于联合的一部分为空?
- css - 当一个按钮被包装到表单中时,如何将按钮显示为内联/块元素?
- r - 将数据缩放到 R 中的辅助轴(ggplot2)
- javascript - 使用 Javascript 在另一个页面上填写并提交表单
- vba - 数据移动到每一列后的空白行
- javascript - 正则表达式中的 if-else 条件
- reactjs - 使用 styled-components / styled-theming 为多个 React 应用程序设置样式
- django - Django el-pagination 添加 URL 参数