Jquery Wordpress页面加载,但所有内容都不可见
我绞尽脑汁想弄清楚我的网站页面到底发生了什么。在桌面上,全屏加载并显示“我的页面”,不会出现问题。事实上,页面测试很好,FireBug控制台中没有出现错误。如果我将浏览器窗口的大小调整为屏幕大小并刷新页面,或加载网站上的其他页面之一,则页面会显示为加载,但所有内容都不可见。Firebug显示所有代码都已正确加载,滚动条显示内容大于窗口,如果我在页面上移动鼠标时使用Firebug内容检查器,各个部分会高亮显示,但所有内容都是白色的(即不可见)。如果我调整窗口大小使其变大,所有内容都会突然出现 我制作了一个视频来演示这个链接: 该页面将不会在移动设备上显示,尽管滚动条再次出现,表明内容在那里,但只是不可见 如果你想自己试试,网址是 以前有人遇到过这个问题吗?是什么原因造成的?我如何解决 一点背景知识。该网站正在使用Wordpress。这个问题肯定与正在使用的模板有关。模板似乎是由业余爱好者创建的。他正试图解决我遇到的一些问题,但似乎在这个问题上犹豫不决,所以我可能最终不得不自己解决它,但我不确定从哪里开始寻找Jquery Wordpress页面加载,但所有内容都不可见,jquery,css,wordpress,wordpress-theming,Jquery,Css,Wordpress,Wordpress Theming,我绞尽脑汁想弄清楚我的网站页面到底发生了什么。在桌面上,全屏加载并显示“我的页面”,不会出现问题。事实上,页面测试很好,FireBug控制台中没有出现错误。如果我将浏览器窗口的大小调整为屏幕大小并刷新页面,或加载网站上的其他页面之一,则页面会显示为加载,但所有内容都不可见。Firebug显示所有代码都已正确加载,滚动条显示内容大于窗口,如果我在页面上移动鼠标时使用Firebug内容检查器,各个部分会高亮显示,但所有内容都是白色的(即不可见)。如果我调整窗口大小使其变大,所有内容都会突然出现 我制
TIA我在您的网站上做了一些实验,问题的根源似乎是包含.page转换类的主要内容的div包装器: 当设备大小大于1200px时,该div将获得额外的.pageTransitionEnd类,该类将不透明度设置为1:
.page-transition.pageTransitionEnd {
opacity: 1;
}
因此,您需要弄清楚是什么添加了.pageTransitionEnd类,以及为什么它不能在小于1200px的设备宽度上工作。我在您的网站上做了一些实验,问题的根源似乎是包含.PageTransition类的主要内容的div包装器: 当设备大小大于1200px时,该div将获得额外的.pageTransitionEnd类,该类将不透明度设置为1:
.page-transition.pageTransitionEnd {
opacity: 1;
}
因此,您需要弄清楚是什么添加了.pageTransitionEnd类,以及为什么它不能在小于1200px的设备宽度上工作。谢谢您的提示。在添加和删除.pageTransitionEnd类时找到了代码。现在,页面在所有设备和窗口大小上加载时都没有问题。现在我将回到开发人员那里,了解他在编写代码时的想法。谢谢你的提示。在添加和删除.pageTransitionEnd类时找到了代码。现在,页面在所有设备和窗口大小上加载时都没有问题。现在我将回到开发人员那里,了解他在编写代码时的想法。
.page-transition.pageTransitionEnd {
opacity: 1;
}