动态添加的jquery脚本未检测到单击

Question

感谢您的关注。

我有一个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");
    }
}

（分别用于其他按钮）

但是没有检测到点击。有谁知道为什么？

编辑：问题解决了。

感谢您的评论，我解决了在预先存在按钮添加的代码中移动委派的单击侦听器的问题，避免了冗余脚本添加。

非常感谢你的帮助。