javascript - 我的全屏 bigvideo.js 视频在所有页面上都可以在本地工作，但是一旦在服务器上停止工作，这可能是什么原因？

Question

如果您访问此站点，则视频作为背景可以在主页上使用，但不能在 about 或 blog 页面上使用。它具有完全相同的脚本代码和 javascript 函数，但由于某种原因，关于和博客页面不会显示视频（但会在本地显示），只有主页。这怎么可能？

Answer 1

问题不在于 bigvideo.js。在 bigvideo.js 运行之前，页面上有一些其他代码会引发错误，因此它永远没有机会做它的事情。

有问题的错误代码在“jquery.imagesloaded.min.js”中。第一个问题是检查给定链接是否在当前页面上的代码失败，显示“about.html”与“index.html”相同。

第二个问题是确保目标存在的检查是错误的，因此您尝试访问$target.offset().topwhen$target为空，因此结果offset为 null。相反，检查应该是：

if ($target.length) {

如果您在打开浏览器开发人员工具的情况下加载页面（任何浏览器都可以），控制台或调试器会给您一条错误消息，准确显示问题所在。