Javascript 将类添加到动态生成的HTML

我正在使用自定义复选框样式和一个复选框，该复选框是由javascript为Google Identity Toolkit动态生成的。例如，我们添加以下div：

<div id="gitkitWidgetDiv"></div>

---

我尝试过切换“ready”以获得其他一些选项，也尝试过使用livequery插件，但没有任何效果。如果我使用像“单击”这样的活动事件，它会起作用，但我不知道如何在页面加载时执行此操作。有人能帮忙吗？谢谢

包括IE11支持。您可以使用它来监视将要添加的div的父节点。添加div后，只需添加类即可。

我制作了一些东西，在这种恼人的情况下非常有用，在这种情况下，很难判断您需要的元素何时完成加载：

因此，在包含函数之后，它将类似于：

var interval = 500,
    stopTime = 5000,
    loaded = false;
setIntervalTimeout(function() {
    if($('.dynanicElementClass').length && !loaded) {
       $('.dynanicElementClass').addClass('checkbox');
       loaded = true;
    }
}, interval, stopTime);

---

它并不完美，我相信还有更好的解决方案，但在大多数情况下，像这样的解决方案就可以了。

好的，在生成这些元素之后，您可以选择它们并应用类，对吗？向我们展示创建元素的代码。动态是指在用户交互之后？或者，您的意思是，您使用一些来自外部服务的javascript代码来请求它？不幸的是，我无法控制生成元素的代码。它是由www.gstatic.com/authttoolkit/js/gitkit.js添加的。你有该库的任何文档并检查了任何事件吗？我使用@DontVoteMeDown-如果该库生成新的HTML，我通常希望它们生成某种事件，或者一个允许你添加侦听器的函数。可能值得简要阅读他们的文档。谢谢。不幸的是，我需要支持IE9和IE10。我不认为这是目前的答案。我们试图发现库中是否有用于该作业的文档和事件侦听器。我这么说是因为那些观测者降低了性能，必须是最后一个选择。我想知道在新的CSS类周围工作是否会更容易，例如使用更复杂的CSS选择器或使用“实时”事件。我不明白您所说的实时事件是什么意思。你能提供更多的信息吗？看看即使在今天，这项工作是否已经完成。基本上，您为目标的父级注册一个事件处理程序，并在该处理程序中检查事件目标是否与要监视的元素匹配。此技术允许您为尚不存在的元素注册事件处理程序。

var interval = 500,
    stopTime = 5000,
    loaded = false;
setIntervalTimeout(function() {
    if($('.dynanicElementClass').length && !loaded) {
       $('.dynanicElementClass').addClass('checkbox');
       loaded = true;
    }
}, interval, stopTime);