JQuery 错误导致 drupal 网站页面在 Chrome 中显示不正确

Question

我有一个 drupal 网站 www.visionate.co.nz，它昨天在 Chrome（和 Firefox）中无法正常显示。它在 IE 中工作。已应用解决方法，但元素仍无法正常工作。例如，小屏幕上的下拉导航（例如 phone）不起作用。

我想深入了解它，但我是 drupal 用户，而不是 php 编码员。

我收到的错误在网上很常见。

未捕获的语法错误：无效或意外的标记
未捕获的引用错误：jQuery 未定义

我的托管公司从 .htaccess 中删除了一行，消除了问题的主要表现，但我认为它只是掩盖了它，因为使用 CTRl-SHIFT-C 并选择控制台时错误仍然存在.

我认为这可能与 Chrome 对混合内容变得更严格有关，因为我在 IE 上收到不安全的内容警告（但在 chrome 上没有），所以我试图确定我可以看到的任何硬编码的 http 链接。

我开始认为这个问题可能已经存在了一段时间。

正在寻求有关如何使 JQuery 得到认可的建议，并希望这能解决问题。我在每一页上都遇到相同的错误。

代码真的很长，所以我截断了它，但是可以从 Chrome 开发工具中看到它：

"<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"united_zymphonies_theme","theme_token":"QVcySLkk... thousands of characters truncated"

在 Chrome 中查看时，网站仍然缺少一些功能，当屏幕尺寸缩小到 phone 尺寸时，下拉菜单不起作用。

更新：我检查了网络 table 并获得了所有负载的状态 200。我的谷歌搜索告诉我 JQuery 在加载之前可能已被引用。我不确定如何解决这个问题。

Answer 1

我遵循了 EricLavault 提供的建议，并在 Drupal 7.67 中执行了以下操作

去了/admin/config/development/performance
向下滚动到“带宽优化”部分
以下未选中的值
- 聚合并压缩 CSS 个文件
- 汇总 JavaScript 个文件。

然后我清除了缓存。去了www.visionate.co.nz 按 shift-ctrl-c，然后检查控制台选项卡问题已经消失将屏幕大小调整为 phone 大小 - 导航现在又可以工作了。

感谢 Taplar 和 EricLavault 的评论，让我找到了这个解决方案。

亲切的问候

JQuery 错误导致 drupal 网站页面在 Chrome 中显示不正确

JQuery error causes drupal website pages to display incorrectly in Chrome

jquery

drupal-7