我在一个新网站上实现了AJAX,该网站使用AJAX加载和插入Wordpress页面内容。
问题:未加载已加载在页眉中的css样式。
如果单击某个页面,则某些效果和转换不会加载 - 检查元素时,css不可见。然后我点击“重新加载”,正常加载页面,一切都很完美。
网站:http://murrayfredericks.oleymedia.com/projects/
点击“绿地” - > “信息” - 有时字体不会加载(因为bootstrap.css不加载,有时它不加载列,因为js_composer.min.css不加载) 重新加载页面并瞧 - 问题已解决 - 所有样式都已加载?
E.g。 当我单击“信息”页面并查看第一个列元素的源时:
<div class="wpb_column vc_column_container vc_col-sm-3 catlistli visible">
这就是我所看到的:
然后,当我重新加载时,我查看完全相同的元素,这就是我所看到的:
注意:现在看到js_composer.min.css现在正在应用于同一个元素并正确格式化,以便它看起来应该如何。
我尝试使用以下代码在事后添加css,但这似乎也没有做任何事情:
jQuery('<link>')
.appendTo('head')
.attr({
type: 'text/css',
rel: 'stylesheet',
href: '/wp-content/themes/html5blank-child/css/bootstrap.min.css'
});
之前(在初始AJAX加载时):
之后(刷新页面后):
答案 0 :(得分:0)
我发现了问题/解决方案。
项目/图库页面正在加载一些破坏网站的js - 一旦我删除了这段代码,它就开始正常工作了