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

【问题标题】：AJAX injected content doesn't apply css from containing pageAJAX 注入的内容不适用于包含页面的 css
【发布时间】：2017-01-17 05:05:16
【问题描述】：

我在一个使用 AJAX 加载和插入 Wordpress 页面内容的新网站上实现了 AJAX。

问题：已经加载到页面头部的css样式没有被加载。

如果我单击页面，某些效果和过渡不会加载 - 检查元素时，css 不可见。然后我点击“重新加载”，页面正常加载，一切正常。

网站：http://murrayfredericks.oleymedia.com/projects/

点击“Greenlands” -> “Information” - 有时字体不会加载（因为 bootstrap.css 不加载，而其他时候它不会加载到列中，因为 js_composer.min.css 不加载）重新加载页面，瞧 - 问题已解决 - 所有样式都已加载？

例如当我点击“信息”页面并查看第一列元素的来源时：

<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 加载时）：

之后（刷新页面后）：

【问题讨论】：

我在 OSX Chrome 版本 55.0.2883.95（64 位）上也看到了预期的内容
我不知道你在看什么或检查什么，但它肯定不能正常工作。如果您访问 murrayfredericks.oleymedia.com，然后加载后，单击“项目”->“格陵兰”->“信息”- 每次，对于我和世界上所有其他测试过它的 PC，内容加载Times New Roman（错误字体）或加载为 1 而不是 4 列 - 它在不加载 css 之间发生变化

标签： jquery css ajax

【解决方案1】：

我找到了问题/解决方案。

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

【讨论】：