javascript - 将 javascript 应用到动态添加的元素

Question

我搜索了其他文章和 jQuery 文档，但还没有完全找到(或理解)我需要的解决方案。

我使用其他在线服务在我们的网站上添加了共享按钮。该过程是添加 HTML 片段(具有特定类名的封闭片段)并包含对其 Javascript 文件的调用。

<div class="specific_class_name"></div>

<script type="text/javascript" src="path to script.js#pubid=my-account-id" async="async"></script>

这在我有权编辑 HTML 和包含脚本的页面上效果很好。

我的挑战是如何在我仅有权运行 Javascript 且不包含特定 HTML 的页面上包含共享按钮。我可以使用 jQuery .append 添加闭合元素并包含 Javascript 调用，但这不能按需要工作。如果我在完全加载页面后检查页面，我会看到动态元素已正确添加并且脚本已被调用。查看页面源代码，不存在。

当然，我无法编辑该服务的脚本。我需要调用的脚本在页面加载期间或之后查找动态元素，而不是遵循任何用户/鼠标操作。

感谢您的任何反馈。

Answer 1

创建 div，然后使用 getScript 命令将其包含在内，如下所示:

$(window).on('load', function(){
  $('<div class="class_name"></div>').appendTo("someIDyouhave");
  $.getScript('path to script.js#pubid=my-account-id');
});

http://api.jquery.com/jquery.getscript/