如何修复停止 DIVI 编辑屏幕 DIVI 编辑器工作的 jQuery 错误答案

【问题标题】：How to fix jQuery error that stops DIVI edit screen DIVI Editor working如何修复停止 DIVI 编辑屏幕 DIVI 编辑器工作的 jQuery 错误
【发布时间】：2021-05-25 13:24:54
【问题描述】：

提前道歉...这是这里的第一篇文章。

我继承了一个使用自定义预订小部件代码的网站。

导致问题的代码会根据屏幕大小和滚动位置更改 CSS 类（如果窗口宽度在 960 以上且滚动位置在 300 以下）。

它确实实现了上述功能，但与 DIVI builder 编辑屏幕发生冲突，导致无法加载...我只是不知道如何更新它。

我认为问题在于脚本标签以这种方式包含在标题（或正文）中，并且它与 Wordpress 和 DIVI jQuery 进程混淆。据我了解，Divi 使用 wordpress jquery。

当前代码为：

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/Javascript"><!--

    $( document ).ready(function() {
        let widget_scrolled = false;
        let scroll_level = 300;

        if ($(window).width() > 960) {

            $(window).scroll(function() {
                var scroll = $(window).scrollTop();
                var new_scroll = scroll >= scroll_level;
                if(widget_scrolled !== new_scroll){
                    $("#c5QuickBook").toggleClass("uk-widget-scrolled");
                }
                widget_scrolled = new_scroll;
            });
        } else {
            $("#c5QuickBook").addClass("uk-widget-scrolled");
        }
    });

另一种初始脚本标签可以工作（如下所示），但这也会破坏 DIVI 编辑器。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

（删除了指向开发站点的链接，因为它是私有的）

提前致谢。克里斯

【问题讨论】：

标签： jquery wordpress divi

【解决方案1】：

$ 不适用于 Wordpress 中的 jQuery。

如果您想使用$，您应该使用以下代码包装您的代码：

($ => {
    // Your code here
})(jQuery);

【讨论】：

谢谢。我已经更新并且有一个工作系统并且在控制台或编辑屏幕上没有错误..非常感谢。我试图发布代码，因为它现在看起来进入 cmets 但它没有格式化......我会将它添加为答案，如果我仍然把它搞砸了，也许你。其他人可以对此发表评论。
@chrisdavisberry 太棒了！很高兴我能帮助你。您无需发布您的工作代码作为答案。如果您认为它肯定会使其他人受益，请添加它。在我看来，您可以删除您的答案，因为它看起来不像其他人可以使用的一般内容。由你决定。
再次感谢。您的评论确实是答案，所以我会这样。再次感谢您的帮助。