jQuery代码不适用于WordPress的Div主题[重复]

这个问题已经在这里有了答案：

TypeError：$不是WordPress的功能(11个答案)

2年前关闭。

我试图在以下部分中将Jquery代码集成到wordpress divi主题中, 如下面的屏幕快照所示, 但它似乎无法正常工作, 并且出现以下错误：

未捕获的TypeError：$不是函数

这个小提琴中提到了我包含在屏幕快照中的JQuery代码。

小提琴中使用的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');
  }

});

#1

WordPress主题通常使用jQuery.noConflict()来删除jQuery的window。$别名。

只需将你的代码包装

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

#2

使用jQuery而不是$。

WordPress在兼容模式下运行jQuery。