我已经在一个新网站上实现了AJAX,它使用AJAX加载和插入Wordpress页面内容。
问题:已经加载到页眉中的css样式没有被加载。
如果我点击一个页面,一些效果和过渡不会加载--当我检查元素时,css是不可见的。然后我点击“重新加载”,正常加载页面,一切工作正常。
网址:http://murrayfredericks.oleymedia.com/projects/
点击“格陵兰”->“信息”-有时字体不会加载(因为bootstrap.css不加载,其他时候因为js_composer.min.css不加载而不加载列)重新加载页面,瞧-问题解决了-所有样式都加载了吗?
例如,当我点击"Information“页面并查看第一个column元素的源代码时:
<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加载时):
之后(刷新页面后):
发布于 2017-01-18 13:25:28
我找到了问题/解决方案。
项目/图库页面加载了一些破坏网站的js -一旦我删除了这些代码,它就开始正常工作了。
https://stackoverflow.com/questions/41689415
复制相似问题