如何解决如何修复停止 DIVI 编辑屏幕 DIVI 编辑器工作的 jQuery 错误
提前道歉……这是这里的第一篇文章。
我继承了一个使用自定义预订小部件代码的网站。
导致问题的代码根据屏幕大小和滚动位置更改 CSS 类 (如果窗口宽度大于960,滚动位置小于300)
它确实实现了上述功能,但会导致与 DIVI 构建器编辑屏幕发生冲突,从而阻止它加载......我只是不知道如何更新它。
我认为问题出在以这种方式包含在标题(或正文)中的脚本标签中,并且它与 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>
(删除了指向开发站点的链接,因为它是私有的)
提前致谢。 克里斯
解决方法
$
不适用于 Wordpress 中的 jQuery。
如果您想使用 $
,您应该使用以下内容包装您的代码:
($ => {
// Your code here
})(jQuery);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。