Jquery代码不能在wordpress divi主题中工作

Question

我正在尝试将jquery代码集成到wordpress divi主题的下一部分，如下面的屏幕截图所示，但它似乎不起作用，我收到以下错误：< / p>

  

未捕获的TypeError：$不是函数

我在屏幕截图中包含的JQuery代码在此fiddle中提到。

小提琴中使用的JQuery代码的片段是：

$("#franchisehub").click(function() {
  if ($('.franchisehubtv').css('display') == "flex") {
    $('.franchisehubtv').css('display', 'none');

  } else {
    $('.franchisehubtv').css('display', 'flex'); 
    $('.cloudbasedtextipad').css('display', 'none');
    $('.business-analytics').css('display', 'none');
    $('.tech-support').css('display', 'none');
    $('.order-management').css('display', 'none');
    $('.employee-management').css('display', 'none');
    $('.white-label').css('display', 'none');
    $('.brand-control').css('display', 'none');
    $('.lead-tracking').css('display', 'none');
    $('.custom-invoicing').css('display', 'none');
    $('.goal-setting').css('display', 'none');
    $('.customization-tools').css('display', 'none');
    $('.royalty-calculator').css('display', 'none');
    $('.email-marketing').css('display', 'none');
  }

});

Answer 1

Wordpress themes usually use jQuery.noConflict() which removes window.$ alias for jQuery

Just wrap your code in

// IIFE to enable `$` as jQuery
;(function($){
   // document ready
   $(function(){
      // your code
   });
})(jQuery);

Answer 2

Use jQuery instead of $.
WordPress is running jQuery in compatibility mode.