当前位置:  开发笔记 > 编程语言 > 正文

Material Design Lite JS不适用于动态加载的html文件

如何解决《MaterialDesignLiteJS不适用于动态加载的html文件》经验,为你挑选了1个好方法。

我想统一我的网站的导航布局,所以我创建了一个单独的html文件,其中包含导航的代码.我使用JS动态加载文件:

$("#navigation").load("/navigation/navigation.html", function() {
   $.getScript('/material.min.js');
});

问题是没有为这个html中的动态加载组件执行material.min.js,我失去了一些关键功能.我该如何解决这个问题?



1> 小智..:

检查是否componentHandler已加载,并尝试在加载后升级元素.

if(!(typeof(componentHandler) == 'undefined')){
  componentHandler.upgradeAllRegistered();
}

组件处理程序的工作原理

简而言之,这涵盖了所有已注册的组件.使用提供的CSS类查询所有节点.循环遍历这些并逐个实例化它们.在节点上完成升级时,已升级的对象将添加到数据集中.此对象包含逗号分隔的组件classAsString属性列表,以标识已完成的升级.

推荐阅读
135369一生真爱_890
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有