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

Question

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

我希望将Visual Form Builder生成的表单字段集分隔到向导中或分页。

你可以在不离开页面的情况下点击你的方式(似乎有一个分页功能，但我想学习jQuery：https://www.youtube.com/watch?v=o5wjRDnEg8s)，但我想在点击一个按钮时触发这个功能，就像下一步按钮会使某个div样式。div：‘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库包含在主题中，但这两种情况都不会在the主题中触发。取而代之的是，我收到了一条错误消息，未捕获ReferenceError。似乎Divi-theme不希望我作为一个用户篡改jQuery。

Answer 1

从$jQuery中删除$ sign并尝试此代码，您的Jquery库已加载，您没有正确调用它

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