Divi WordPress Theme

在编写WordPress主题中,如果第三方提供的HTML/JS/CSS文章中,包含了很多.js文件,在引入这些JavaScript文件过程中会这样那样的错误,比如什么“$ is not a function”之类的,这时候可以通过以下方式来一一排查。

 

1.正确在functions.php中引入jquery

在WordPress中jQuery文件是系统自带的,所以即便主题文件中有jquery.js文件,也无需特意用路径的方式引入,只需要添加这行代码就好:

wp_enqueue_script('jquery');

 

2.确保其他的JavaScript文件,都先引入了jquery文件。

所谓‘其他的JavaScript文件’是指第三方的文件,比如幻灯片JavaScript文件、弹出框JavaScript文件等,这些文件都需要先确保jquery文件加载完毕后,才能争取执行,所以先‘先加载jquery文件,然后执行xxx.js文件’的方式是:

 

wp_enqueue_script( 'xxx', get_template_directory_uri() . '/js/xxx.js', array('jquery'));

 

 

 

3.如果你自己编写了JavaScript文件,那么在你的文件开头和结尾,用以下代码包裹起来:

jQuery(document).ready(function($) {
//你的代码
});

 

 

4.如果还是出现’$ is not a function’的问题,估计就是有冲突了,可以在出现冲突的文件顶部加以下代码:

 

var $ = jQuery.noConflict();

 

 

 

【免费外贸推广营销视频培训教程】
https://school.yooopaaa.com

WordPress著名Avada主题官方优惠
https://1.envato.market/xxPav

WordPress可视化建站Elementor插件
https://elementor.com/?ref=19904

WordPress外贸独立站DIVI主题官方优惠
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59787

亚马逊选品工具Jungle Scout官方优惠
https://junglescout.grsm.io/jieqiu1568

独立站SEO优化工具Semrush免费7天试用
https://shareasale.com/r.cfm?b=1577772&u=2541755&m=97231&urllink=&afftrack=