material-design-lite - 动态添加 MDL 抽屉导航

Question

我在动态添加 Material Design Lite (MSL) 抽屉导航时遇到问题。我看过一个类似的问题，即:

Rerendering MDL drawer menu makes drawer button disappear

及相关

http://mdlhut.com/2015/07/where-is-the-mdl-drawer-icon/

我相信我正确地升级了 DOM 并添加了它。我将我认为最简单的示例放在一起:

https://acuth.github.io/b2wac/html/mdl2.html

如果我取消注释 mdl-layout__drawer 它一切正常，虽然抽屉导航图标没有正确对齐这让我想知道问题是否是我错过了原始 HTML 中的一些重要元素。

一如既往，我们将不胜感激。

Answer 1

你应该添加一个javascript事件:

<script type="text/javascript">
  document.addEventListener('turbolinks:load', function() {
      componentHandler.upgradeDom();
  });
</script>

干杯。

您还可以添加新的 javascript 函数，在您的抽屉导航中添加 innerHTML。然后升级DOM。