代码之家 › 专栏 › 技术社区 › flash

jquery代码在wordpress divi主题中不起作用[重复]

wordpress-theming wordpress jquery javascript

-1

flash · 技术社区 · 6 年前

这个问题已经有了答案:

TypeError: $ is not a function WordPress 10个答案

我尝试在下面的部分将jquery代码集成到WordPressDivi主题中。 如下图所示 但它似乎不起作用,我得到以下错误:

未捕获的类型错误:$不是函数

我在屏幕截图中包含的jquery代码在这里提到 fiddle .

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');
  }

});

2 回复 | 直到 6 年前

charlietfl 6 年前

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

只需将代码包装在

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

brasofilo Gary 6 年前

使用 jQuery 而不是 $ 。
WordPress正在兼容模式下运行jquery。

推荐文章

ivan saron · 在页面中插入代码时,响应仅处于活动状态

6 年前

user9588170 · 将默认主题菜单动态连接到单页分区

6 年前

Krishna Ballabh Gupta · 自定义端点API,用于从word press获取返回假值的所有主题

6 年前

E.Owen · 如何循环自定义帖子类型并返回每个自定义分类法

6 年前

dokgu · WordPress独立功能。php

6 年前

x1024 · 在Wordpress中显示特定标签中的4篇最新帖子

6 年前

Hirohito Yamada · 在wordpress中将帖子的类别名称显示为快捷代码的一部分

6 年前

Abilash Erikson · 如何导出带有Posteta和图像的自定义帖子类型详细信息

6 年前

user9473846 · WordPress样式。css已断开

6 年前

Kamil Dzieniszewski · 如何使用木材模板引擎将css中的ACF图像字段用于媒体查询?

6 年前