jquery - 在页面已经加载后执行动态插入的 jquery 脚本

Question

我正在构建一个使用 ajax 请求来动态填充我的页面部分的页面。

其中一个请求会生成一个额外的 jquery 脚本并将其插入到文档中。我无法弄清楚如何让新添加的 jquery 脚本在插入页面后运行...关于如何使其工作的任何想法？

Answer 1

在解析 DOM 后让脚本运行的唯一方法是将它们添加到 head 元素中：

const scriptText = `...`;
const script = document.createElement(`script`);
script.textContent = scriptText;
document.head.appendChild(script);

或者，在 jQuery 中，

const scriptText = `...`;
$(`head`).append($(`<script>${scriptText}</script>`));