首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AJAX注入的内容不会应用来自包含页面的css

AJAX注入的内容不会应用来自包含页面的css
EN

Stack Overflow用户
提问于 2017-01-17 13:05:17
回答 1查看 436关注 0票数 0

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

问题:已经加载到页眉中的css样式没有被加载。

如果我点击一个页面,一些效果和过渡不会加载--当我检查元素时,css是不可见的。然后我点击“重新加载”,正常加载页面,一切工作正常。

网址:http://murrayfredericks.oleymedia.com/projects/

点击“格陵兰”->“信息”-有时字体不会加载(因为bootstrap.css不加载,其他时候因为js_composer.min.css不加载而不加载列)重新加载页面,瞧-问题解决了-所有样式都加载了吗?

例如,当我点击"Information“页面并查看第一个column元素的源代码时:

代码语言:javascript
运行
复制
<div class="wpb_column vc_column_container vc_col-sm-3 catlistli visible">

这是我所看到的:

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

注意:现在可以看到,js_composer.min.css现在被应用于相同的元素,并对其进行了适当的格式化,以使其看起来像应该的样子。

我试着用下面的代码添加css,但似乎也没有什么效果:

代码语言:javascript
运行
复制
jQuery('<link>')
    .appendTo('head')
    .attr({
        type: 'text/css', 
        rel: 'stylesheet',
        href: '/wp-content/themes/html5blank-child/css/bootstrap.min.css'
    });

之前(在初始AJAX加载时):

之后(刷新页面后):

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-18 13:25:28

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

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41689415

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档