Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript MaterialDesign,通过ajax加载时会丢失JS行为_Javascript_Ajax_Material Design_Material Design Lite - Fatal编程技术网

Javascript MaterialDesign,通过ajax加载时会丢失JS行为

Javascript MaterialDesign,通过ajax加载时会丢失JS行为,javascript,ajax,material-design,material-design-lite,Javascript,Ajax,Material Design,Material Design Lite,我从Ajax、jQuery和所有这些东西开始,如果我在这里犯了愚蠢的错误,请原谅。 我正在使用PHP/JS构建一个网站,并使用谷歌的材质设计组件和CSS: 我的页面是这样构建的: -index.php,这是主页(带有指向css、js文件等的链接) -它包含一个div,其他php“模块”(只包含一些neede部分的不同php文件)在其中加载 我的问题是,在这些加载的页面中,材质设计类的每一个“特殊”行为都完全丢失了(按钮、文本字段标签上没有“涟漪效应”,不会消失,从而与文本字段内容重叠,等等)。c

我从Ajax、jQuery和所有这些东西开始,如果我在这里犯了愚蠢的错误,请原谅。 我正在使用PHP/JS构建一个网站,并使用谷歌的材质设计组件和CSS:

我的页面是这样构建的: -index.php,这是主页(带有指向css、js文件等的链接) -它包含一个div,其他php“模块”(只包含一些neede部分的不同php文件)在其中加载

我的问题是,在这些加载的页面中,材质设计类的每一个“特殊”行为都完全丢失了(按钮、文本字段标签上没有“涟漪效应”,不会消失,从而与文本字段内容重叠,等等)。css样式很好(显示材质设计颜色,视觉效果很好),但单击时的行为不好,等等

你知道我该怎么解决吗?
非常感谢

在深入jQuery报告后找到了解决方案。通过AJAX加载时,组件似乎没有进行DOM升级

必须在通过AJAX加载的页面中添加以下调用:

 componentHandler.upgradeDom();
通过函数调用或Ajax完成侦听器,例如:

 $('body').ajaxComplete(function () {
      componentHandler.upgradeDom();
 });

为了胜利!正是我想要的。我想用几个小时来解决这个问题。我根本没有使用jQuery,但这对我来说很有效。通过AJAX加载的页面没有得到完整的Lite处理,我怀疑是这样的。