我的 Woocommerce 网站出现 Jquery 错误答案

【问题标题】：I am having a Jquery error on my Woocommerce website我的 Woocommerce 网站出现 Jquery 错误
【发布时间】：2021-02-10 03:30:33
【问题描述】：

我在 woocommerce 网站上看到 jQuery 的问题。同时使用 Chrome 和 Safari 错误控制台时，我可以看到此错误。

Can't Find Variable: JQuery

我很难在其他任何地方找到解决方案。我问的原因是因为我在我的 Wordpress 网站上结帐时遇到问题，我认为这可能是由这个问题引起的，但我又不知道解决方案。任何指导将不胜感激！

我尝试过的一些故障排除是

切换到不同的主题以查看此问题是否与主题相关，而事实并非如此。
停用插件以查看是否存在冲突。
删除我所做的任何自定义 CSS 工作
在没有帮助的情况下启用 SCRIPT_DEBUG

这是我的结帐页面https://www.dailymutt.com/checkout/

【问题讨论】：

这是给 Facebook 的。我不确定是不是你的问题，但请看一下：stackoverflow.com/questions/8097121/…
@Bestter 感谢您的回复。所以我不熟悉任何 JQuery 问题，我认为我犯了一个错误。当我查看该错误时，我认为它仅涉及 fb-root 行。但是我在没有 fb-root 行的情况下访问了我网站上的其他页面，并得到了相同的“找不到变量：JQuery”。所以我认为我的问题更普遍，而不仅仅是 fb-root 问题。仍然无法弄清楚为什么我会收到该错误。

标签： jquery woocommerce

【解决方案1】：

您的脚本顺序错误。你有：

<script type='text/javascript' id='jquery-js-after'>
if( !jQuery( 'body' ).find( '#fb-root' ) ){
                jQuery( 'body' ).append( '<div id="fb-root"></div>' );
            };
</script>
<script type='text/javascript' src='https://www.dailymutt.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp' id='jquery-core-js'></script>

第一个脚本在加载 jQuery 之前尝试使用 jQuery。将订单换成：

<script type='text/javascript' src='https://www.dailymutt.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp' id='jquery-core-js'></script>
<script type='text/javascript' id='jquery-js-after'>
if( !jQuery( 'body' ).find( '#fb-root' ) ){
                jQuery( 'body' ).append( '<div id="fb-root"></div>' );
            };
</script>

【讨论】：

非常感谢您的帮助！冒着听起来像个白痴的风险，我该如何重新排序脚本？我知道这可能是一个愚蠢的问题，所以我很抱歉！
在我的编辑器中，是我添加额外 CSS 的地方吗？是不是你说的那个区域。我也有一个我使用的 php sn-p 插件。
这与 CSS 无关。您只需将文件中的 <script type='text/javascript' src='https://www.dailymutt.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp' id='jquery-core-js'></script> 行向上移动 4 行，就像我在回答中显示的那样。
如果您使用某种自动化工具来创建 HTML 文件，那么我无法为您提供帮助。这正是它应该在结果中显示的样子。
我想我的问题是当你说“移动线”时，这是否意味着我正在编辑一些文件？我不知道要编辑什么文件？