锐客网

  1. 首页 > 睿知 > it技术 > >

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

javascriptJQueryWordPressIT知识问答网站开发主题

这个问题已经在这里有了答案：
TypeError：$不是WordPress的功能(11个答案)
【jQuery代码不适用于WordPress的Div主题[重复]】2年前关闭。
我试图在以下部分中将Jquery代码集成到wordpress divi主题中, 如下面的屏幕快照所示, 但它似乎无法正常工作, 并且出现以下错误：

未捕获的TypeError：$不是函数
jQuery代码不适用于WordPress的Div主题[重复]

文章图片
这个小提琴中提到了我包含在屏幕快照中的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。

    推荐阅读


    上一篇：连接表格并获取数据到手风琴/可折叠和表格

    下一篇：jQuery隐藏按钮，如果文本框为空，则显示，如果文本框具有值