js 代码的前端问题：图像在 chrome、edge 上显示良好，但在 Firefox 中不显示

Posted 2023-03-06

【中文标题】js 代码的前端问题：图像在 chrome、edge 上显示良好，但在 Firefox 中不显示

【英文标题】：Frontend issue with a js code: the images show good on chrome, edge, but not in firefox

【发布时间】：2016-04-28 00:26:51

【问题描述】：

我有一个使用模板创建的网站，在 Chrome、Edge、Safari 等上运行良好……但在 Firefox 中它崩溃了。这是一个带有 JS 代码的东西，它可以为主页中的图像设置动画。你可以在www.andarescolombia.com看到我在说什么

如果您在 chrome 中访问该站点，您会看到主页上的图像工作正常，但在 Firefox 上它们似乎被折叠到容器顶部：

在 Chrome 上：

在 Firefox 上：

所以图像在 Firefox 中崩溃，但其他 JS 插件工作正常。我已经尝试联系卖家，但他们只是提供糟糕的客户支持服务。

请帮忙！！

【问题讨论】：

修复页面上抛出的脚本错误

@charlietfl 感谢您的回答，唯一的错误是在 main.js 上： $(window).load(function($) // 页面加载时触发窗口滚动事件 // --- -------------------------------------------------- -- jQuery(window).trigger('scroll'); )

【参考方案1】：

只是避免使用 $。它应该可以防止您的错误在 Firefox 中发生。 另一方面，为什么要在 window.load 上触发滚动事件？哦 只需将您正在使用的魔法包装在一个函数中，然后在加载和滚动时调用它。为您省去很多麻烦。