注入AJAX的内容不适用于包含页面的css

时间:2017-01-17 05:05:17

标签: jquery css ajax

我在一个新网站上实现了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">

这就是我所看到的:

enter image description here

然后,当我重新加载时,我查看完全相同的元素,这就是我所看到的:

enter image description here

注意:现在看到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加载时):

enter image description here

之后(刷新页面后):

enter image description here

1 个答案:

答案 0 :(得分:0)

我发现了问题/解决方案。

项目/图库页面正在加载一些破坏网站的js - 一旦我删除了这段代码,它就开始正常工作了