首页 > 技术文章 > bootstrap异步加载树后样式显示问题

hy928302776 2017-06-08 18:00 原文

整个过程:

1.先加载整个页面

2.通过jquery异步请求后台返回数据

3.循环遍历数据,拼接需要的内容

4.把拼接好的数据加载到页面中。

 

问题:

把拼接好的内容加载到页面后,样式显示不正确。而如果直接把拼接好的内容复制粘贴到指定页面刷新页面时,却可以正常显示。这样就确定了自己拼的内容是正确的,

错误原因:

因为整个过程是先加载整个页面后,才去异步加载数据,导致自己拼接的内容虽然加到了页面去没有进行渲染,所以没有样式。

 

解决方式:

(这也是因为bootstrap的这个样式不是全局样式,是通过js调用进行渲染的。因为通过谷歌浏览器可以看到树的样式又自动添加了很多标签)。

通过谷歌浏览器找到了,渲染这个样式的js为app.min.js,经过查看知道是调用了里面的三个方法进行渲染的:

initApp.SmartActions();
initApp.leftNav();
initApp.domReadyMisc();

所以,在加载完内容后,再调用这三个方法就可以了。

 

推荐阅读