bootstrap异步加载树后样式显示问题
整个过程:
1.先加载整个页面
2.通过jquery异步请求后台返回数据
3.循环遍历数据,拼接需要的内容
4.把拼接好的数据加载到页面中。
问题:
把拼接好的内容加载到页面后,样式显示不正确。而如果直接把拼接好的内容复制粘贴到指定页面刷新页面时,却可以正常显示。这样就确定了自己拼的内容是正确的,
错误原因:
因为整个过程是先加载整个页面后,才去异步加载数据,导致自己拼接的内容虽然加到了页面去没有进行渲染,所以没有样式。
解决方式:
(这也是因为bootstrap的这个样式不是全局样式,是通过js调用进行渲染的。因为通过谷歌浏览器可以看到树的样式又自动添加了很多标签)。
通过谷歌浏览器找到了,渲染这个样式的js为app.min.js,经过查看知道是调用了里面的三个方法进行渲染的:
initApp.SmartActions();
initApp.leftNav();
initApp.domReadyMisc();
所以,在加载完内容后,再调用这三个方法就可以了。