Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Wordpress页面加载,但所有内容都不可见_Jquery_Css_Wordpress_Wordpress Theming - Fatal编程技术网

Jquery Wordpress页面加载,但所有内容都不可见

Jquery Wordpress页面加载,但所有内容都不可见,jquery,css,wordpress,wordpress-theming,Jquery,Css,Wordpress,Wordpress Theming,我绞尽脑汁想弄清楚我的网站页面到底发生了什么。在桌面上,全屏加载并显示“我的页面”,不会出现问题。事实上,页面测试很好,FireBug控制台中没有出现错误。如果我将浏览器窗口的大小调整为屏幕大小并刷新页面,或加载网站上的其他页面之一,则页面会显示为加载,但所有内容都不可见。Firebug显示所有代码都已正确加载,滚动条显示内容大于窗口,如果我在页面上移动鼠标时使用Firebug内容检查器,各个部分会高亮显示,但所有内容都是白色的(即不可见)。如果我调整窗口大小使其变大,所有内容都会突然出现 我制

我绞尽脑汁想弄清楚我的网站页面到底发生了什么。在桌面上,全屏加载并显示“我的页面”,不会出现问题。事实上,页面测试很好,FireBug控制台中没有出现错误。如果我将浏览器窗口的大小调整为屏幕大小并刷新页面,或加载网站上的其他页面之一,则页面会显示为加载,但所有内容都不可见。Firebug显示所有代码都已正确加载,滚动条显示内容大于窗口,如果我在页面上移动鼠标时使用Firebug内容检查器,各个部分会高亮显示,但所有内容都是白色的(即不可见)。如果我调整窗口大小使其变大,所有内容都会突然出现

我制作了一个视频来演示这个链接:

该页面将不会在移动设备上显示,尽管滚动条再次出现,表明内容在那里,但只是不可见

如果你想自己试试,网址是

以前有人遇到过这个问题吗?是什么原因造成的?我如何解决

一点背景知识。该网站正在使用Wordpress。这个问题肯定与正在使用的模板有关。模板似乎是由业余爱好者创建的。他正试图解决我遇到的一些问题,但似乎在这个问题上犹豫不决,所以我可能最终不得不自己解决它,但我不确定从哪里开始寻找


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;
}