如何处理可以在页面上动态添加的组件？

Question

如何处理在文档加载时添加的组件以及可以在初始页面加载后插入的组件？

问题

一个对话框（或模态），例如，当页面加载一些javascript时，会将行为，功能，事件处理程序等定义为使用组件的css类的元素（＆＃34; myDialog＆＃34;在此案件）。每个元素都是一个实例，组件可以有多个实例。

<div class="myDialog"></div>
<div class="myDialog"></div>
<div class="myDialog"></div>
<div class="myDialog"></div>

但是如果我需要在初始页面加载后添加一个新对话框（例如通过异步请求）呢？我是否必须升级所有实例？如果升级两次相同的元素（实例）？如何防止实例多次升级，例如，不要将事件处理程序加倍？

相信我不需要使用大型库/框架作为React，AngularJS，Polymer等，只能处理这项任务。

是否有任何库提出设计模式以进行句柄注册和DOM组件的动态升级？

Answer 1

如果我正确理解了您的问题，那么您可能会问，如果您在页面中动态添加其他组件（示例中为模态），则需要执行哪些操作。如果将相同的类@Autowired @Qualifier("sqsMessageAdapter") private Lifecycle sqsMessageAdapter; 添加到动态添加的组件，它将响应绑定到该类的相同事件处理程序。已存在的模态组件将继续像以前一样运行。