如何将jQuery代码添加到divi主题？该功能似乎已关闭？

我正在修复的当前网站：-> http://newmind.se/lagerbolag-2/

我想使由Visual Form Builder生成的表单域集分开进入向导或分页。

你可以在不离开页面的情况下单击浏览的方式(似乎有分页功能, 但是我想学习jQuery：https://www.youtube.com/watch?v=o5wjRDnEg8s), 但我想在点击时触发此操作一个按钮(例如下一个按钮)将具有某种div样式。display：’block’, 我认为最简单的方法是通过jQuery添加此功能, 但jQuery似乎已关闭。从我刚刚添加到其中的这段代码中调用未定义的变量, 以测试jQuery是否在Divi主题的适当部分中起作用：

   //changing color on the headline on the page
   $( ".bengt" ).on( "click", function() {
     $( this ).css( "color", "red" );
   });

   //just putting a message in the console
   A $( document ).ready() block.
   $jQuery( document ).ready(function() {
    console.log( "ready!" );
   });

即使主题中包含jQuery库, 也不会在除法内触发这些操作。相反, 我收到一条错误消息” Uncaught ReferenceError”。似乎Divi-theme不想让我作为用户篡改jQuery。

#1

从$ jQuery中删除$符号, 然后尝试以下代码, 你的Jquery库已加载, 你未正确调用它

   //just putting a message in the console
   jQuery( document ).ready(function() {
    console.log( "ready!" );
   });