【问题标题】:JQuery error causes drupal website pages to display incorrectly in ChromeJQuery 错误导致 drupal 网站页面在 Chrome 中显示不正确
【发布时间】:2019-10-28 21:14:38
【问题描述】:

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

我正试图深入了解它,但我是一个 drupal 用户,而不是一个 php 编码器。

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

  • 未捕获的 SyntaxError:无效或意外令牌
  • 未捕获的 ReferenceError:未定义 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 中查看时,该网站仍然缺少一些功能,并且当屏幕尺寸缩小到手机尺寸时,下拉菜单不起作用。

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

【问题讨论】:

  • 这是代码 - 由于某种原因没有显示在上面。

标签: jquery drupal-7


【解决方案1】:

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

  1. 转到 /admin/config/development/performance
  2. 向下滚动到“带宽优化”部分
  3. 以下值的未检查值
    • 聚合和压缩 CSS 文件
    • 聚合 JavaScript 文件。

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

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

亲切的问候

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-03
    • 2017-02-19
    • 2019-04-04
    • 1970-01-01
    • 2013-11-10
    • 1970-01-01
    • 1970-01-01
    • 2019-07-05
    相关资源
    最近更新 更多