我想统一我的网站的导航布局,所以我创建了一个单独的html文件,其中包含导航的代码.我使用JS动态加载文件:
$("#navigation").load("/navigation/navigation.html", function() { $.getScript('/material.min.js'); });
问题是没有为这个html中的动态加载组件执行material.min.js,我失去了一些关键功能.我该如何解决这个问题?
检查是否componentHandler
已加载,并尝试在加载后升级元素.
if(!(typeof(componentHandler) == 'undefined')){ componentHandler.upgradeAllRegistered(); }
组件处理程序的工作原理
简而言之,这涵盖了所有已注册的组件.使用提供的CSS类查询所有节点.循环遍历这些并逐个实例化它们.在节点上完成升级时,已升级的对象将添加到数据集中.此对象包含逗号分隔的组件
classAsString
属性列表,以标识已完成的升级.