我在一个新网站上实现了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">
这就是我所看到的:
然后,当我重新加载时,我会查看完全相同的元素,这是我看到的:
注意:现在请参见js\\U composer。现在,min.css被应用于同一个元素,并对其进行了正确的格式化,使其看起来应该是什么样子。
这似乎从来都不是/儿童主题/风格。未应用的css-它是唯一的js\\U composer。css或引导。css
SO网友:Mark Kaplun
一般来说,AJAX请求返回数据、数据的格式以及如何处理取决于您自己。
添加和删除JS和CSS非常困难的事情。添加完整文件更容易,因为如果插入了正确的但通常是像这样的片段,则只需插入一个脚本或链接元素到domwp_head
更难。删除JS实际上是不可能的,可能是CSS。
那么,这在实践中意味着什么呢?这意味着,在编写基于AJAX的代码时,最好始终将所有相关的JS和CSS排队到所有页面中,AJAX响应所要做的就是拥有适当的CSS类,以及(如果没有以其他方式介绍)对JS函数的内联调用。
您很难期望在AJAX响应中“按原样”使用完整的HTML页面并使其正常工作,除了琐碎的页面。
SO网友:prosti
我将所有js和css排队。它在初始页面加载时加载。单击菜单时,它会将内容加载到主div中。我的假设是,内容仍然可以访问以前加载的所有页面资产?
这是你的问题。项目状态如下:
正如您所注意到的,您加载的是主页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加载内容但未应用样式,以修复缺少的样式问题。页面部分需要刷新。