我正在使用Google Material Design组件,这些组件为了简单起见而被拆除,然后在加载页面时更加完整.以下简化说明问题:
index.html文件中显示的内容:
<div class="switch"></div>
加载页面时呈现给DOM的内容:
<div class="switch">
<div class="switch_track"></div>
<div class="switch_thumb"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
我正在创建一个拖放HTML编辑器,并为每个组件类型提供模板文件.交换机的模板文件很简单:
switch.html
<div class="switch"></div>
问题是我将它拖到画布上.jQuery查看switch.html
并呈现<div class="switch"></div>
给DOM,但由于它是动态添加的,因此添加额外轨道和缩略图标记的脚本不会"看到"它.
我该如何解决这个问题,以便每当DOM更新时,它会重新运行任何脚本?理想情况下,我想避免触及任何Material Design脚本文件.