高级AJAX页面加载器(AAPL)阻止资源

时间:2017-01-16 作者:php-b-grader

我在一个新网站上实现了AAPL,该网站使用AJAX加载Wordpress页面。

问题:由于未知原因,本应通过排队加载的css样式未加载。

如果我单击一个页面,一些效果和转换不会加载-当检查元素时,css不可见。然后单击“重新加载”,页面正常加载,一切正常。

地点:http://murrayfredericks.oleymedia.com/projects/

单击“Greenlands”->“Information”--您可以看到它加载的是Times New Roman字体,而不是bootstrap中的样式。css。重新加载页面,瞧-问题已解决-引导。是否加载了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\\U composer。现在,min.css被应用于同一个元素,并对其进行了正确的格式化,使其看起来应该是什么样子。

这似乎从来都不是/儿童主题/风格。未应用的css-它是唯一的js\\U composer。css或引导。css

2 个回复
SO网友:Mark Kaplun

一般来说,AJAX请求返回数据、数据的格式以及如何处理取决于您自己。

添加和删除JS和CSS非常困难的事情。添加完整文件更容易,因为如果插入了正确的但通常是像这样的片段,则只需插入一个脚本或链接元素到domwp_head 更难。删除JS实际上是不可能的,可能是CSS。

那么,这在实践中意味着什么呢?这意味着,在编写基于AJAX的代码时,最好始终将所有相关的JS和CSS排队到所有页面中,AJAX响应所要做的就是拥有适当的CSS类,以及(如果没有以其他方式介绍)对JS函数的内联调用。

您很难期望在AJAX响应中“按原样”使用完整的HTML页面并使其正常工作,除了琐碎的页面。

SO网友:prosti

我将所有js和css排队。它在初始页面加载时加载。单击菜单时,它会将内容加载到主div中。我的假设是,内容仍然可以访问以前加载的所有页面资产?

这是你的问题。项目状态如下:enter image description here

正如您所注意到的,您加载的是主页CSS和JS,而不是另一个页面CSS和JS。

Ajax将内容加载到主div,而不是加载它应该加载的JS和CSS部分。

每个页面通常可以有不同的CSS和JS资产。

您可能想在第一次加载时加载所有CSS和JS资产,但这是另一个问题。

让我进一步将其正式化

Home page | Another page
-------------------------
  CSSA    |  CSSA
  CSSB    |  CSSC
  JSD     |  JSD
  JSE     |  JSF   
正如您在主页和另一页上看到的,一些文件可能相同,而一些文件可能不同。

Ajax请求不会更新CSS和JS文件,它只会更新该DIV,因此CSS和JS资源的状态将与主页上的状态相同(阅读:不正确)

如果你有正确的CSS,但样式还没有应用,那么在谷歌上搜索:

ajax加载内容但未应用样式,以修复缺少的样式问题。页面部分需要刷新。

相关推荐

JqueryUi对话框给出未捕获的TypeError:This._addClass不是函数错误

我有一个网站,我们需要一些自定义php编码来连接到外部数据库,以获取几个销售我们产品的供应商的产品评论URL。我们试图实现的基本想法是让用户注册他们的产品,然后如果他们愿意留下评论,就延长保修期。我正在使用XYZScript。com的“插入PHP”插件来实现这一点。该主题最初只加载了jQuery,以避免创建子主题,我们正在php脚本中加载jQueryUI。因此,我们将jQuery加载到文档的标题中,将jQueryUI加载到文档的正文中。我不太确定这是因为加载脚本的顺序造成的,还是其他一些冲突的javasc