material-design-lite - 重新渲染 MDL 抽屉菜单使抽屉按钮消失

标签 material-design-lite

我正在将 MDL 集成到 React 应用程序中。

我刚刚尝试用固定页眉布局 ( http://www.getmdl.io/components/index.html#layout-section ) 制作一个组件,并注意到如果我在 html 中对布局进行硬编码,它会按预期工作。但是,如果我在运行时使用 JS 生成该 html,则汉堡包图标会丢失。

我应该怎么做才能解决这个问题?

最佳答案

在加载 dom 后添加元素时,您需要“升级”该元素。要在 dom 范围内这样做,请尝试此代码段

componentHandler.upgradeDom();

exact issue from the mdlhut

关于material-design-lite - 重新渲染 MDL 抽屉菜单使抽屉按钮消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31296803/

相关文章:

html - 如何使图标在 MDL 标题上向左移动?

html - z-index 或类似 Material 设计精简版

html - MDL 日期占位符

html - 如何更改编辑 Controller 显示的跨度长度

javascript - Material Design Lite 与 AngularJS 的集成

material-design-lite - 为什么 MDL Toast 需要 mdl-snackbar__action 按钮?

javascript - MaterialDesign、通过ajax加载时JS行为丢失

javascript - 在生产代码中使用 setTimeout 安全吗?

javascript - Material Design Lite 菜单动态 ng-repeat

javascript - 使用 jQuery 解析 html 代码