javascript - 使用 innerHTML 和 appendChild 执行外部 JS

Question

我一直在研究谷歌几天前刚刚推出的 Material Design Lite 库，但有一些问题，特别是当 HTML 使用 innerHTML 更改时如何启动(或执行？)外部 JS 和 appendChild。

见第一个例子here .如您所见，菜单的 HTML 在首次加载时已经在 HTML 文件中，因此菜单可以正常工作。

但是在this例如，使用 JS 修改文档的 HTML。但是，我认为菜单不再起作用，因为脚本没有执行。

我该如何解决这个问题？实现此结果的更好方法是什么？我是 JavaScript 的新手。

Answer 1

您需要从库中附加适当的事件监听器。通过此更改(在附加项目后添加 componentHandler.upgradeAllRegistered();)它应该可以工作:

document.body.appendChild(menu);
componentHandler.upgradeAllRegistered();